npm - @backstage/plugin-scaffolder-react - Versions diffs - 1.15.0-next.0 → 1.15.0-next.2 - Mend

@backstage/plugin-scaffolder-react 1.15.0-next.0 → 1.15.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/dist/next/components/TemplateCard/TemplateCardActions.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { UserIcon } from '@backstage/core-components';
 import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import { EntityRefLinks } from '@backstage/plugin-catalog-react';
 import Button from '@material-ui/core/Button';
 import { makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { scaffolderReactTranslationRef } from '../../../translation.esm.js';
 const useStyles = makeStyles((theme) => ({
@@ -28,32 +28,38 @@ const TemplateCardActions = ({
 }) => {
   const { t } = useTranslationRef(scaffolderReactTranslationRef);
   const styles = useStyles();
-  return /* @__PURE__ */ React.createElement("div", { className: styles.footer, "data-testid": "template-card-actions--footer" }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: styles.ownedBy,
-      "data-testid": "template-card-actions--ownedby"
-    },
-    ownedByRelations.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UserIcon, { fontSize: "small" }), /* @__PURE__ */ React.createElement(
-      EntityRefLinks,
+  return /* @__PURE__ */ jsxs("div", { className: styles.footer, "data-testid": "template-card-actions--footer", children: [
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        style: { marginLeft: "8px" },
-        entityRefs: ownedByRelations,
-        defaultKind: "Group",
-        hideIcons: true
+        className: styles.ownedBy,
+        "data-testid": "template-card-actions--ownedby",
+        children: ownedByRelations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(UserIcon, { fontSize: "small" }),
+          /* @__PURE__ */ jsx(
+            EntityRefLinks,
+            {
+              style: { marginLeft: "8px" },
+              entityRefs: ownedByRelations,
+              defaultKind: "Group",
+              hideIcons: true
+            }
+          )
+        ] })
       }
-    ))
-  ), canCreateTask ? /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      size: "small",
-      variant: "outlined",
-      color: "primary",
-      "data-testid": "template-card-actions--create",
-      onClick: handleChoose
-    },
-    t("templateCard.chooseButtonText")
-  ) : null);
+    ),
+    canCreateTask ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: "primary",
+        "data-testid": "template-card-actions--create",
+        onClick: handleChoose,
+        children: t("templateCard.chooseButtonText")
+      }
+    ) : null
+  ] });
 };
 export { TemplateCardActions };

package/dist/next/components/TemplateCard/TemplateCardActions.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateCardActions.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardActions.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 { UserIcon } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { EntityRefLinks } from '@backstage/plugin-catalog-react';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\~~nimport React from 'react';\~~n\nimport { scaffolderReactTranslationRef } from '../../../translation';\n\nconst useStyles = makeStyles<Theme>(theme => ({\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 actionContainer: { padding: '16px', flex: 1, alignItems: 'flex-end' },\n}));\n\n/\n The Props for the {@link TemplateCardActions} component\n * @alpha\n */\nexport interface TemplateCardActionsProps {\n ownedByRelations: any;\n canCreateTask: boolean;\n handleChoose: () => void;\n}\nexport const TemplateCardActions = ({\n canCreateTask,\n handleChoose,\n ownedByRelations,\n}: TemplateCardActionsProps) => {\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const styles = useStyles();\n\n return (\n <div className={styles.footer} data-testid=\"template-card-actions--footer\">\n <div\n className={styles.ownedBy}\n data-testid=\"template-card-actions--ownedby\"\n >\n {ownedByRelations.length > 0 && (\n <>\n <UserIcon fontSize=\"small\" />\n <EntityRefLinks\n style={{ marginLeft: '8px' }}\n entityRefs={ownedByRelations}\n defaultKind=\"Group\"\n hideIcons\n />\n </>\n )}\n </div>\n {canCreateTask ? (\n <Button\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n data-testid=\"template-card-actions--create\"\n onClick={handleChoose}\n >\n {t('templateCard.chooseButtonText')}\n </Button>\n ) : null}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;~~AAyBA~~,MAAM,SAAA,GAAY,WAAkB,CAAU,KAAA,MAAA;AAAA,EAC5C,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,eAAA;AAAA,IAChB,IAAM,EAAA,CAAA;AAAA,IACN,UAAY,EAAA;AAAA,GACd;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,IAAM,EAAA,CAAA;AAAA,IACN,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA,GACvB;AAAA,EACA,iBAAiB,EAAE,OAAA,EAAS,QAAQ,IAAM,EAAA,CAAA,EAAG,YAAY,UAAW;AACtE,CAAE,CAAA,CAAA;AAWK,MAAM,sBAAsB,CAAC;AAAA,EAClC,aAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,~~2CACG~~,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,eAAY,+BACzC,EAAA,~~kBAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~IAAC~~,KAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,WAAW,MAAO,CAAA,OAAA;AAAA,~~MAClB~~,aAAY,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~IAEX~~,gBAAA,CAAiB,~~SAAS~~,~~CACzB~~,~~oBAAA~~,~~KAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA~~,~~sCACG~~,~~QAAS~~,~~EAAA~~,EAAA,~~QAAA,~~EAAS,~~SAAQ~~,~~CAC3B~~,~~kBAAA~~,~~KAAA,~~CAAA,~~aAAA~~;AAAA,~~MAAC~~,cAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA;AAAA,~~QAC3B~~,UAAY,EAAA,gBAAA;AAAA,~~QACZ~~,WAAY,EAAA,OAAA;AAAA,~~QACZ~~,SAAS,EAAA;AAAA;AAAA,~~KAEb~~;AAAA,~~KAGH~~,aACC,mBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,MAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,IAAK,EAAA,OAAA;AAAA,~~MACL~~,OAAQ,EAAA,UAAA;AAAA,~~MACR~~,KAAM,EAAA,SAAA;AAAA,~~MACN~~,aAAY,EAAA,+BAAA;AAAA,~~MACZ~~,OAAS,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~IAER~~,~~EAAE~~,+BAA+B;AAAA,~~MAElC~~,~~IACN~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TemplateCardActions.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardActions.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 { UserIcon } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { EntityRefLinks } from '@backstage/plugin-catalog-react';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\n\nimport { scaffolderReactTranslationRef } from '../../../translation';\n\nconst useStyles = makeStyles<Theme>(theme => ({\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 actionContainer: { padding: '16px', flex: 1, alignItems: 'flex-end' },\n}));\n\n/\n The Props for the {@link TemplateCardActions} component\n * @alpha\n */\nexport interface TemplateCardActionsProps {\n ownedByRelations: any;\n canCreateTask: boolean;\n handleChoose: () => void;\n}\nexport const TemplateCardActions = ({\n canCreateTask,\n handleChoose,\n ownedByRelations,\n}: TemplateCardActionsProps) => {\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const styles = useStyles();\n\n return (\n <div className={styles.footer} data-testid=\"template-card-actions--footer\">\n <div\n className={styles.ownedBy}\n data-testid=\"template-card-actions--ownedby\"\n >\n {ownedByRelations.length > 0 && (\n <>\n <UserIcon fontSize=\"small\" />\n <EntityRefLinks\n style={{ marginLeft: '8px' }}\n entityRefs={ownedByRelations}\n defaultKind=\"Group\"\n hideIcons\n />\n </>\n )}\n </div>\n {canCreateTask ? (\n <Button\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n data-testid=\"template-card-actions--create\"\n onClick={handleChoose}\n >\n {t('templateCard.chooseButtonText')}\n </Button>\n ) : null}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,SAAA,GAAY,WAAkB,CAAU,KAAA,MAAA;AAAA,EAC5C,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,eAAA;AAAA,IAChB,IAAM,EAAA,CAAA;AAAA,IACN,UAAY,EAAA;AAAA,GACd;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,IAAM,EAAA,CAAA;AAAA,IACN,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA,GACvB;AAAA,EACA,iBAAiB,EAAE,OAAA,EAAS,QAAQ,IAAM,EAAA,CAAA,EAAG,YAAY,UAAW;AACtE,CAAE,CAAA,CAAA;AAWK,MAAM,sBAAsB,CAAC;AAAA,EAClC,aAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,4BACG,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,eAAY,+BACzC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,OAAA;AAAA,QAClB,aAAY,EAAA,gCAAA;AAAA,QAEX,QAAA,EAAA,gBAAA,CAAiB,MAAS,GAAA,CAAA,oBAEvB,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,QAAA,EAAA,EAAS,UAAS,OAAQ,EAAA,CAAA;AAAA,0BAC3B,GAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA;AAAA,cAC3B,UAAY,EAAA,gBAAA;AAAA,cACZ,WAAY,EAAA,OAAA;AAAA,cACZ,SAAS,EAAA;AAAA;AAAA;AACX,SACF,EAAA;AAAA;AAAA,KAEJ;AAAA,IACC,aACC,mBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,aAAY,EAAA,+BAAA;AAAA,QACZ,OAAS,EAAA,YAAA;AAAA,QAER,YAAE,+BAA+B;AAAA;AAAA,KAElC,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/dist/next/components/TemplateCard/TemplateCardContent.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 import { MarkdownContent } from '@backstage/core-components';
 import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import Box from '@material-ui/core/Box';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { scaffolderReactTranslationRef } from '../../../translation.esm.js';
 const useStyles = makeStyles(() => ({
@@ -24,13 +24,13 @@ const useStyles = makeStyles(() => ({
 const TemplateCardContent = ({ template }) => {
   const { t } = useTranslationRef(scaffolderReactTranslationRef);
   const styles = useStyles();
-  return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, "data-testid": "template-card-content-grid" }, /* @__PURE__ */ React.createElement(Box, { className: styles.box, "data-testid": "template-card-content-container" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, "data-testid": "template-card-content-grid", children: /* @__PURE__ */ jsx(Box, { className: styles.box, "data-testid": "template-card-content-container", children: /* @__PURE__ */ jsx(
     MarkdownContent,
     {
       className: styles.markdown,
       content: template.metadata.description ?? t("templateCard.noDescription")
     }
-  )));
+  ) }) });
 };
 export { TemplateCardContent };

package/dist/next/components/TemplateCard/TemplateCardContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateCardContent.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardContent.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 { MarkdownContent } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport type { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\~~nimport React from 'react';\~~n\nimport { scaffolderReactTranslationRef } from '../../../translation';\n\nconst useStyles = makeStyles(() => ({\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 margin: 0,\n },\n },\n}));\n\n/\n The Props for the {@link TemplateCardContent} component\n * @alpha\n */\nexport interface TemplateCardContentProps {\n template: TemplateEntityV1beta3;\n}\nexport const TemplateCardContent = ({ template }: TemplateCardContentProps) => {\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const styles = useStyles();\n return (\n <Grid item xs={12} data-testid=\"template-card-content-grid\">\n <Box className={styles.box} data-testid=\"template-card-content-container\">\n <MarkdownContent\n className={styles.markdown}\n content={\n template.metadata.description ?? t('templateCard.noDescription')\n }\n />\n </Box>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;;~~AA0BA~~,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,GAAK,EAAA;AAAA,IACH,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,OAAS,EAAA,aAAA;AAAA,IACT,oBAAsB,EAAA,EAAA;AAAA,IACtB,oBAAsB,EAAA;AAAA,GACxB;AAAA,EACA,QAAU,EAAA;AAAA;AAAA,IAER,gBAAkB,EAAA;AAAA,MAChB,MAAQ,EAAA;AAAA;AACV;AAEJ,CAAE,CAAA,CAAA;AASK,MAAM,mBAAsB,GAAA,CAAC,EAAE,QAAA,EAAyC,KAAA;AAC7E,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,uBACG,~~KAAA~~,CAAA,~~aAAA,CAAA,~~IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,aAAA,EAAY,4BAC7B,EAAA,kBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EAAK,eAAY,iCACtC,EAAA,kBAAA,~~KAAA,CAAA,aAAA~~;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,QAAA;AAAA,MAClB,OACE,EAAA,QAAA,CAAS,QAAS,CAAA,WAAA,IAAe,EAAE,4BAA4B;AAAA;AAAA,~~GAGrE~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TemplateCardContent.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardContent.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 { MarkdownContent } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport type { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { scaffolderReactTranslationRef } from '../../../translation';\n\nconst useStyles = makeStyles(() => ({\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 margin: 0,\n },\n },\n}));\n\n/\n The Props for the {@link TemplateCardContent} component\n * @alpha\n */\nexport interface TemplateCardContentProps {\n template: TemplateEntityV1beta3;\n}\nexport const TemplateCardContent = ({ template }: TemplateCardContentProps) => {\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const styles = useStyles();\n return (\n <Grid item xs={12} data-testid=\"template-card-content-grid\">\n <Box className={styles.box} data-testid=\"template-card-content-container\">\n <MarkdownContent\n className={styles.markdown}\n content={\n template.metadata.description ?? t('templateCard.noDescription')\n }\n />\n </Box>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,GAAK,EAAA;AAAA,IACH,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,OAAS,EAAA,aAAA;AAAA,IACT,oBAAsB,EAAA,EAAA;AAAA,IACtB,oBAAsB,EAAA;AAAA,GACxB;AAAA,EACA,QAAU,EAAA;AAAA;AAAA,IAER,gBAAkB,EAAA;AAAA,MAChB,MAAQ,EAAA;AAAA;AACV;AAEJ,CAAE,CAAA,CAAA;AASK,MAAM,mBAAsB,GAAA,CAAC,EAAE,QAAA,EAAyC,KAAA;AAC7E,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,aAAA,EAAY,4BAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EAAK,eAAY,iCACtC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,QAAA;AAAA,MAClB,OACE,EAAA,QAAA,CAAS,QAAS,CAAA,WAAA,IAAe,EAAE,4BAA4B;AAAA;AAAA,KAGrE,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/next/components/TemplateCard/TemplateCardLinks.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useApp } from '@backstage/core-plugin-api';
 import Divider from '@material-ui/core/Divider';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
 import LanguageIcon from '@material-ui/icons/Language';
-import React from 'react';
 import { CardLink } from './CardLink.esm.js';
 const useStyles = makeStyles({});
@@ -14,34 +14,40 @@ const TemplateCardLinks = ({
   const styles = useStyles();
   const app = useApp();
   const iconResolver = (key) => key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Divider, { "data-testid": "template-card-separator--links" })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2, "data-testid": "template-card-links" }, additionalLinks?.map(({ icon, text, url }, index) => /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      className: styles.linkText,
-      item: true,
-      xs: 6,
-      key: index,
-      "data-testid": "template-card-links--item"
-    },
-    /* @__PURE__ */ React.createElement(CardLink, { icon, text, url })
-  )), template.metadata.links?.map(({ url, icon, title }, index) => /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      className: styles.linkText,
-      item: true,
-      xs: 6,
-      key: index,
-      "data-testid": "template-card-links--metalink"
-    },
-    /* @__PURE__ */ React.createElement(
-      CardLink,
-      {
-        icon: iconResolver(icon),
-        text: title || url,
-        url
-      }
-    )
-  )))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Divider, { "data-testid": "template-card-separator--links" }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, "data-testid": "template-card-links", children: [
+      additionalLinks?.map(({ icon, text, url }, index) => /* @__PURE__ */ jsx(
+        Grid,
+        {
+          className: styles.linkText,
+          item: true,
+          xs: 6,
+          "data-testid": "template-card-links--item",
+          children: /* @__PURE__ */ jsx(CardLink, { icon, text, url })
+        },
+        index
+      )),
+      template.metadata.links?.map(({ url, icon, title }, index) => /* @__PURE__ */ jsx(
+        Grid,
+        {
+          className: styles.linkText,
+          item: true,
+          xs: 6,
+          "data-testid": "template-card-links--metalink",
+          children: /* @__PURE__ */ jsx(
+            CardLink,
+            {
+              icon: iconResolver(icon),
+              text: title || url,
+              url
+            }
+          )
+        },
+        index
+      ))
+    ] }) })
+  ] });
 };
 export { TemplateCardLinks };

package/dist/next/components/TemplateCard/TemplateCardLinks.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateCardLinks.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardLinks.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 { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport ~~React from 'react';\nimport~~ { CardLink } from './CardLink';\n\nconst useStyles = makeStyles<Theme>({});\n\n/\n The Props for the {@link TemplateCardLinks} component\n * @alpha\n */\nexport interface TemplateCardLinksProps {\n template: TemplateEntityV1beta3;\n additionalLinks?: {\n icon: IconComponent;\n text: string;\n url: string;\n }[];\n}\nexport const TemplateCardLinks = ({\n template,\n additionalLinks,\n}: TemplateCardLinksProps) => {\n const styles = useStyles();\n const app = useApp();\n const iconResolver = (key?: string): IconComponent =>\n key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n return (\n <>\n <Grid item xs={12}>\n <Divider data-testid=\"template-card-separator--links\" />\n </Grid>\n <Grid item xs={12}>\n <Grid container spacing={2} data-testid=\"template-card-links\">\n {additionalLinks?.map(({ icon, text, url }, index) => (\n <Grid\n className={styles.linkText}\n item\n xs={6}\n key={index}\n data-testid=\"template-card-links--item\"\n >\n <CardLink icon={icon} text={text} url={url} />\n </Grid>\n ))}\n {template.metadata.links?.map(({ url, icon, title }, index) => (\n <Grid\n className={styles.linkText}\n item\n xs={6}\n key={index}\n data-testid=\"template-card-links--metalink\"\n >\n <CardLink\n icon={iconResolver(icon)}\n text={title \|\| url}\n url={url}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;~~AAyBA~~,MAAM,SAAA,GAAY,UAAkB,CAAA,EAAE,CAAA;AAc/B,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,MAAM,MAAO,EAAA;AACnB,EAAM,MAAA,YAAA,GAAe,CAAC,GACpB,KAAA,GAAA,GAAM,IAAI,aAAc,CAAA,GAAG,KAAK,YAAe,GAAA,YAAA;AACjD,EAAA,uBAEI,~~KAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA~~,~~kBAAA~~,~~KAAA,~~CAAA,~~aAAA~~,~~CAAC,IAAK,~~EAAA,~~EAAA~~,~~IAAA~~,~~EAAI~~,~~MAAC,EAAI,~~EAAA,EAAA,~~EAAA~~,~~kBACZ~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,OAAA,EAAA,EAAQ,~~eAAY~~,~~gCAAiC,~~EAAA,CACxD,~~CACA~~,~~kBAAA~~,~~KAAA~~,CAAA,~~aAAA~~,~~CAAC~~,~~QAAK~~,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,~~EAAA~~,~~sCACZ~~,~~IAAK~~,EAAA,EAAA,~~SAAA~~,~~EAAS~~,~~IAAC~~,EAAA,~~OAAA~~,~~EAAS~~,~~GAAG~~,~~aAAY~~,EAAA,~~qBAAA~~,EAAA,~~EACrC~~,~~eAAiB~~,~~EAAA~~,~~GAAA~~,~~CAAI,~~CAAC,EAAE,~~IAAA~~,~~EAAM,~~IAAM,EAAA,GAAA,IAAO,KAC1C,qBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,IAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,WAAW,MAAO,CAAA,QAAA;AAAA,~~MAClB~~,IAAI,EAAA,IAAA;AAAA,~~MACJ~~,EAAI,EAAA,CAAA;AAAA,~~MACJ~~,~~GAAK,EAAA,KAAA;AAAA,MACL,~~aAAY,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~oBAEX~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,QAAA,EAAA,EAAS,IAAY,EAAA,IAAA,EAAY,GAAU,EAAA;AAAA,~~GAE/C~~,~~CAAA~~,~~EACA~~,~~QAAS,~~CAAA,QAAA,CAAS,~~KAAO~~,~~EAAA~~,~~GAAA~~,~~CAAI~~,CAAC,EAAE,GAAK,EAAA,IAAA,EAAM,KAAM,EAAA,EAAG,KACnD,qBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,IAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,WAAW,MAAO,CAAA,QAAA;AAAA,~~MAClB~~,IAAI,EAAA,IAAA;AAAA,~~MACJ~~,EAAI,EAAA,CAAA;AAAA,~~MACJ~~,~~GAAK,EAAA,KAAA;AAAA,MACL,~~aAAY,EAAA;AAAA,~~KAAA;AAAA~~,~~oBAEZ~~,~~KAAA~~,~~CAAA,aAAA~~;AAAA,~~MAAC~~,QAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,IAAA,EAAM,aAAa,IAAI,CAAA;AAAA,~~QACvB~~,MAAM,KAAS,IAAA,GAAA;AAAA,~~QACf~~;AAAA;AAAA;AACF,~~GAEH~~,~~CACH~~,~~CACF~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TemplateCardLinks.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardLinks.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 { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport { CardLink } from './CardLink';\n\nconst useStyles = makeStyles<Theme>({});\n\n/\n The Props for the {@link TemplateCardLinks} component\n * @alpha\n */\nexport interface TemplateCardLinksProps {\n template: TemplateEntityV1beta3;\n additionalLinks?: {\n icon: IconComponent;\n text: string;\n url: string;\n }[];\n}\nexport const TemplateCardLinks = ({\n template,\n additionalLinks,\n}: TemplateCardLinksProps) => {\n const styles = useStyles();\n const app = useApp();\n const iconResolver = (key?: string): IconComponent =>\n key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n return (\n <>\n <Grid item xs={12}>\n <Divider data-testid=\"template-card-separator--links\" />\n </Grid>\n <Grid item xs={12}>\n <Grid container spacing={2} data-testid=\"template-card-links\">\n {additionalLinks?.map(({ icon, text, url }, index) => (\n <Grid\n className={styles.linkText}\n item\n xs={6}\n key={index}\n data-testid=\"template-card-links--item\"\n >\n <CardLink icon={icon} text={text} url={url} />\n </Grid>\n ))}\n {template.metadata.links?.map(({ url, icon, title }, index) => (\n <Grid\n className={styles.linkText}\n item\n xs={6}\n key={index}\n data-testid=\"template-card-links--metalink\"\n >\n <CardLink\n icon={iconResolver(icon)}\n text={title \|\| url}\n url={url}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,SAAA,GAAY,UAAkB,CAAA,EAAE,CAAA;AAc/B,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,MAAM,MAAO,EAAA;AACnB,EAAM,MAAA,YAAA,GAAe,CAAC,GACpB,KAAA,GAAA,GAAM,IAAI,aAAc,CAAA,GAAG,KAAK,YAAe,GAAA,YAAA;AACjD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAY,EAAA,gCAAA,EAAiC,CACxD,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,eAAY,qBACrC,EAAA,QAAA,EAAA;AAAA,MAAA,eAAA,EAAiB,IAAI,CAAC,EAAE,MAAM,IAAM,EAAA,GAAA,IAAO,KAC1C,qBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,WAAW,MAAO,CAAA,QAAA;AAAA,UAClB,IAAI,EAAA,IAAA;AAAA,UACJ,EAAI,EAAA,CAAA;AAAA,UAEJ,aAAY,EAAA,2BAAA;AAAA,UAEZ,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,IAAY,EAAA,IAAA,EAAY,GAAU,EAAA;AAAA,SAAA;AAAA,QAHvC;AAAA,OAKR,CAAA;AAAA,MACA,QAAA,CAAS,QAAS,CAAA,KAAA,EAAO,GAAI,CAAA,CAAC,EAAE,GAAK,EAAA,IAAA,EAAM,KAAM,EAAA,EAAG,KACnD,qBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,WAAW,MAAO,CAAA,QAAA;AAAA,UAClB,IAAI,EAAA,IAAA;AAAA,UACJ,EAAI,EAAA,CAAA;AAAA,UAEJ,aAAY,EAAA,+BAAA;AAAA,UAEZ,QAAA,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,aAAa,IAAI,CAAA;AAAA,cACvB,MAAM,KAAS,IAAA,GAAA;AAAA,cACf;AAAA;AAAA;AACF,SAAA;AAAA,QAPK;AAAA,OASR;AAAA,KAAA,EACH,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/next/components/TemplateCard/TemplateCardTags.esm.js CHANGED Viewed

@@ -1,26 +1,29 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Chip from '@material-ui/core/Chip';
 import Divider from '@material-ui/core/Divider';
 import Grid from '@material-ui/core/Grid';
-import React from 'react';
-const TemplateCardTags = ({ template }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Divider, { "data-testid": "template-card-separator--tags" })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2, "data-testid": "template-card-tags" }, template.metadata.tags?.map((tag) => /* @__PURE__ */ React.createElement(
-  Grid,
-  {
-    key: `grid-${tag}`,
-    item: true,
-    "data-testid": `template-card-tag-item-${tag}`
-  },
-  /* @__PURE__ */ React.createElement(
-    Chip,
+const TemplateCardTags = ({ template }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Divider, { "data-testid": "template-card-separator--tags" }) }),
+  /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, "data-testid": "template-card-tags", children: template.metadata.tags?.map((tag) => /* @__PURE__ */ jsx(
+    Grid,
     {
-      style: { margin: 0 },
-      size: "small",
-      "data-testid": `template-card-tag-chip-${tag}`,
-      label: tag,
-      key: tag
-    }
-  )
-)))));
+      item: true,
+      "data-testid": `template-card-tag-item-${tag}`,
+      children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          style: { margin: 0 },
+          size: "small",
+          "data-testid": `template-card-tag-chip-${tag}`,
+          label: tag
+        },
+        tag
+      )
+    },
+    `grid-${tag}`
+  )) }) })
+] });
 export { TemplateCardTags };
 //# sourceMappingURL=TemplateCardTags.esm.js.map

package/dist/next/components/TemplateCard/TemplateCardTags.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateCardTags.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardTags.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 type { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport Chip from '@material-ui/core/Chip';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\~~nimport React from 'react';\~~n\n/\n The Props for the {@link TemplateCardTags} component\n * @alpha\n */\nexport interface TemplateCardTagsProps {\n template: TemplateEntityV1beta3;\n}\nexport const TemplateCardTags = ({ template }: TemplateCardTagsProps) => (\n <>\n <Grid item xs={12}>\n <Divider data-testid=\"template-card-separator--tags\" />\n </Grid>\n <Grid item xs={12}>\n <Grid container spacing={2} data-testid=\"template-card-tags\">\n {template.metadata.tags?.map(tag => (\n <Grid\n key={`grid-${tag}`}\n item\n data-testid={`template-card-tag-item-${tag}`}\n >\n <Chip\n style={{ margin: 0 }}\n size=\"small\"\n data-testid={`template-card-tag-chip-${tag}`}\n label={tag}\n key={tag}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n </>\n);\n"],"names":[],"mappings":";;;;;~~AA6BO~~,MAAM,~~mBAAmB~~,CAAC,EAAE,~~QAAS~~,~~EAAA,+EAEvC~~,~~KAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~IAAA,~~EAAA,~~EAAK~~,~~IAAI,~~EAAA,~~IAAA~~,~~EAAC~~,~~IAAI~~,~~EACb~~,EAAA,~~kBAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA,CAAC,OAAQ,~~EAAA,EAAA,~~aAAA~~,~~EAAY~~,~~iCAAgC~~,~~CACvD~~,CAAA,~~kBACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~IAAA~~,EAAA,~~EAAK~~,~~MAAI~~,~~IAAC~~,EAAA,EAAA,EAAI,~~EACb~~,EAAA,~~kBAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~QAAK,SAAS,~~EAAA,~~IAAA~~,~~EAAC~~,~~OAAS~~,EAAA,~~CAAA~~,~~EAAG~~,~~eAAY~~,~~oBACrC~~,EAAA,~~EAAA~~,~~QAAA~~,~~CAAS~~,QAAS,CAAA,IAAA,EAAM,IAAI,CAC3B,GAAA,qBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~EAAC~~,IAAA;AAAA,~~EAAA~~;AAAA,~~IACC~~,~~GAAA,EAAK,QAAQ,GAAG,CAAA,CAAA;AAAA,IAChB,~~IAAI,EAAA,IAAA;AAAA,~~IACJ~~,aAAA,EAAa,0BAA0B,GAAG,CAAA~~;AAAA~~,~~GAAA~~;AAAA,~~kBAE1C~~,~~KAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~IAAC~~,IAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,~~MACnB~~,IAAK,EAAA,OAAA;AAAA,~~MACL~~,aAAA,EAAa,0BAA0B,GAAG,CAAA,CAAA;AAAA,~~MAC1C~~,KAAO,EAAA,~~GAAA~~;AAAA,~~MACP~~,~~GAAK,EAAA~~;AAAA;AAAA~~;AAET~~,~~CACD~~,~~CACH~~,CACF,CACF;;;;"}
1	+ {"version":3,"file":"TemplateCardTags.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardTags.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 type { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport Chip from '@material-ui/core/Chip';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\n\n/\n The Props for the {@link TemplateCardTags} component\n * @alpha\n */\nexport interface TemplateCardTagsProps {\n template: TemplateEntityV1beta3;\n}\nexport const TemplateCardTags = ({ template }: TemplateCardTagsProps) => (\n <>\n <Grid item xs={12}>\n <Divider data-testid=\"template-card-separator--tags\" />\n </Grid>\n <Grid item xs={12}>\n <Grid container spacing={2} data-testid=\"template-card-tags\">\n {template.metadata.tags?.map(tag => (\n <Grid\n key={`grid-${tag}`}\n item\n data-testid={`template-card-tag-item-${tag}`}\n >\n <Chip\n style={{ margin: 0 }}\n size=\"small\"\n data-testid={`template-card-tag-chip-${tag}`}\n label={tag}\n key={tag}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n </>\n);\n"],"names":[],"mappings":";;;;;AA4BO,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,uBAE/B,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAY,EAAA,+BAAA,EAAgC,CACvD,EAAA,CAAA;AAAA,sBACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EACb,8BAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,GAAG,aAAY,EAAA,oBAAA,EACrC,mBAAS,QAAS,CAAA,IAAA,EAAM,IAAI,CAC3B,GAAA,qBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEC,IAAI,EAAA,IAAA;AAAA,MACJ,aAAA,EAAa,0BAA0B,GAAG,CAAA,CAAA;AAAA,MAE1C,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,UACnB,IAAK,EAAA,OAAA;AAAA,UACL,aAAA,EAAa,0BAA0B,GAAG,CAAA,CAAA;AAAA,UAC1C,KAAO,EAAA;AAAA,SAAA;AAAA,QACF;AAAA;AACP,KAAA;AAAA,IAVK,QAAQ,GAAG,CAAA;AAAA,GAYnB,GACH,CACF,EAAA;AAAA,CACF,EAAA;;;;"}

package/dist/next/components/TemplateCard/TemplateDetailButton.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Tooltip from '@material-ui/core/Tooltip';
 import IconButton from '@material-ui/core/IconButton';
 import Typography from '@material-ui/core/Typography';
@@ -18,23 +18,23 @@ const TemplateDetailButton = ({
   const entityRef = stringifyEntityRef(template);
   const app = useApp();
   const TemplateIcon = app.getSystemIcon("kind:template") || DescriptionIcon;
-  return /* @__PURE__ */ React.createElement(Tooltip, { id: `tooltip-${entityRef}`, title: t("cardHeader.detailBtnTitle") }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Tooltip, { id: `tooltip-${entityRef}`, title: t("cardHeader.detailBtnTitle"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       "aria-label": t("cardHeader.detailBtnTitle"),
       id: `viewDetail-${entityRef}`,
       style: { padding: 0 },
-      color: "inherit"
-    },
-    /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(
-      Link,
-      {
-        to: catalogEntityRoute(entityRouteParams(template)),
-        style: { display: "flex", alignItems: "center" }
-      },
-      /* @__PURE__ */ React.createElement(TemplateIcon, null)
-    ))
-  ));
+      color: "inherit",
+      children: /* @__PURE__ */ jsx(Typography, { component: "span", children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: catalogEntityRoute(entityRouteParams(template)),
+          style: { display: "flex", alignItems: "center" },
+          children: /* @__PURE__ */ jsx(TemplateIcon, {})
+        }
+      ) })
+    }
+  ) });
 };
 export { TemplateDetailButton };

package/dist/next/components/TemplateCard/TemplateDetailButton.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateDetailButton.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateDetailButton.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 ~~React from 'react';\nimport~~ Tooltip from '@material-ui/core/Tooltip';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport { Link } from '@backstage/core-components';\nimport {\n entityRouteParams,\n entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { scaffolderReactTranslationRef } from '../../../translation';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\n\nexport interface TemplateDetailButtonProps {\n template: Entity;\n}\n\nexport const TemplateDetailButton = ({\n template,\n}: TemplateDetailButtonProps) => {\n const catalogEntityRoute = useRouteRef(entityRouteRef);\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const entityRef = stringifyEntityRef(template);\n\n const app = useApp();\n const TemplateIcon = app.getSystemIcon('kind:template') \|\| DescriptionIcon;\n\n return (\n <Tooltip id={`tooltip-${entityRef}`} title={t('cardHeader.detailBtnTitle')}>\n <IconButton\n aria-label={t('cardHeader.detailBtnTitle')}\n id={`viewDetail-${entityRef}`}\n style={{ padding: 0 }}\n color=\"inherit\"\n >\n <Typography component=\"span\">\n <Link\n to={catalogEntityRoute(entityRouteParams(template))}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n <TemplateIcon />\n </Link>\n </Typography>\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;~~AAkCO~~,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,CAAiC,KAAA;AAC/B,EAAM,MAAA,kBAAA,GAAqB,YAAY,cAAc,CAAA;AACrD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAM,MAAA,SAAA,GAAY,mBAAmB,QAAQ,CAAA;AAE7C,EAAA,MAAM,MAAM,MAAO,EAAA;AACnB,EAAA,MAAM,YAAe,GAAA,GAAA,CAAI,aAAc,CAAA,eAAe,CAAK,IAAA,eAAA;AAE3D,EACE,uBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,WAAQ,EAAI,EAAA,CAAA,QAAA,EAAW,SAAS,CAAI,CAAA,EAAA,KAAA,EAAO,CAAE,CAAA,2BAA2B,CACvE,EAAA,kBAAA,~~KAAA,CAAA,aAAA~~;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,2BAA2B,CAAA;AAAA,MACzC,EAAA,EAAI,cAAc,SAAS,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,MACpB,KAAM,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~oBAEN~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MACpB,EAAA,kBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~MAAC~~,IAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,EAAI,EAAA,kBAAA,CAAmB,iBAAkB,CAAA,QAAQ,CAAC,CAAA;AAAA,~~QAClD~~,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,YAAY,QAAS~~;AAAA~~,~~OAAA~~;AAAA,~~0CAE9C~~,YAAa,EAAA,~~IAAA~~;AAAA,~~KAElB~~;AAAA,GAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TemplateDetailButton.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateDetailButton.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 Tooltip from '@material-ui/core/Tooltip';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport { Link } from '@backstage/core-components';\nimport {\n entityRouteParams,\n entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { scaffolderReactTranslationRef } from '../../../translation';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\n\nexport interface TemplateDetailButtonProps {\n template: Entity;\n}\n\nexport const TemplateDetailButton = ({\n template,\n}: TemplateDetailButtonProps) => {\n const catalogEntityRoute = useRouteRef(entityRouteRef);\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const entityRef = stringifyEntityRef(template);\n\n const app = useApp();\n const TemplateIcon = app.getSystemIcon('kind:template') \|\| DescriptionIcon;\n\n return (\n <Tooltip id={`tooltip-${entityRef}`} title={t('cardHeader.detailBtnTitle')}>\n <IconButton\n aria-label={t('cardHeader.detailBtnTitle')}\n id={`viewDetail-${entityRef}`}\n style={{ padding: 0 }}\n color=\"inherit\"\n >\n <Typography component=\"span\">\n <Link\n to={catalogEntityRoute(entityRouteParams(template))}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n <TemplateIcon />\n </Link>\n </Typography>\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAiCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,CAAiC,KAAA;AAC/B,EAAM,MAAA,kBAAA,GAAqB,YAAY,cAAc,CAAA;AACrD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAM,MAAA,SAAA,GAAY,mBAAmB,QAAQ,CAAA;AAE7C,EAAA,MAAM,MAAM,MAAO,EAAA;AACnB,EAAA,MAAM,YAAe,GAAA,GAAA,CAAI,aAAc,CAAA,eAAe,CAAK,IAAA,eAAA;AAE3D,EACE,uBAAA,GAAA,CAAC,WAAQ,EAAI,EAAA,CAAA,QAAA,EAAW,SAAS,CAAI,CAAA,EAAA,KAAA,EAAO,CAAE,CAAA,2BAA2B,CACvE,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,2BAA2B,CAAA;AAAA,MACzC,EAAA,EAAI,cAAc,SAAS,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,MACpB,KAAM,EAAA,SAAA;AAAA,MAEN,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MACpB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA,kBAAA,CAAmB,iBAAkB,CAAA,QAAQ,CAAC,CAAA;AAAA,UAClD,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,YAAY,QAAS,EAAA;AAAA,UAE/C,8BAAC,YAAa,EAAA,EAAA;AAAA;AAAA,OAElB,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/next/components/TemplateCategoryPicker/TemplateCategoryPicker.esm.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Progress } from '@backstage/core-components';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/frontend-plugin-api';
@@ -13,11 +14,10 @@ import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import capitalize from 'lodash/capitalize';
-import React from 'react';
 import { scaffolderReactTranslationRef } from '../../../translation.esm.js';
-const icon = /* @__PURE__ */ React.createElement(CheckBoxOutlineBlankIcon, { fontSize: "small" });
-const checkedIcon = /* @__PURE__ */ React.createElement(CheckBoxIcon, { fontSize: "small" });
+const icon = /* @__PURE__ */ jsx(CheckBoxOutlineBlankIcon, { fontSize: "small" });
+const checkedIcon = /* @__PURE__ */ jsx(CheckBoxIcon, { fontSize: "small" });
 const useStyles = makeStyles(
   {
     root: {},
@@ -30,7 +30,7 @@ const TemplateCategoryPicker = () => {
   const classes = useStyles();
   const alertApi = useApi(alertApiRef);
   const { error, loading, availableTypes, selectedTypes, setSelectedTypes } = useEntityTypeFilter();
-  if (loading) return /* @__PURE__ */ React.createElement(Progress, null);
+  if (loading) return /* @__PURE__ */ jsx(Progress, {});
   if (error) {
     alertApi.post({
       message: `Failed to load entity types with error: ${error}`,
@@ -39,43 +39,46 @@ const TemplateCategoryPicker = () => {
     return null;
   }
   if (!availableTypes) return null;
-  return /* @__PURE__ */ React.createElement(Box, { className: classes.root, pb: 1, pt: 1 }, /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      className: classes.label,
-      variant: "button",
-      component: "label",
-      htmlFor: "categories-picker"
-    },
-    t("templateCategoryPicker.title")
-  ), /* @__PURE__ */ React.createElement(
-    Autocomplete,
-    {
-      PopperComponent: (popperProps) => /* @__PURE__ */ React.createElement("div", { ...popperProps }, popperProps.children),
-      multiple: true,
-      id: "categories-picker",
-      options: availableTypes,
-      value: selectedTypes,
-      onChange: (_, value) => setSelectedTypes(value),
-      renderOption: (option, { selected }) => /* @__PURE__ */ React.createElement(
-        FormControlLabel,
-        {
-          control: /* @__PURE__ */ React.createElement(
-            Checkbox,
-            {
-              icon,
-              checkedIcon,
-              checked: selected
-            }
-          ),
-          label: capitalize(option)
-        }
-      ),
-      size: "small",
-      popupIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null),
-      renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, { ...params, variant: "outlined" })
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Box, { className: classes.root, pb: 1, pt: 1, children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        className: classes.label,
+        variant: "button",
+        component: "label",
+        htmlFor: "categories-picker",
+        children: t("templateCategoryPicker.title")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        PopperComponent: (popperProps) => /* @__PURE__ */ jsx("div", { ...popperProps, children: popperProps.children }),
+        multiple: true,
+        id: "categories-picker",
+        options: availableTypes,
+        value: selectedTypes,
+        onChange: (_, value) => setSelectedTypes(value),
+        renderOption: (option, { selected }) => /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                icon,
+                checkedIcon,
+                checked: selected
+              }
+            ),
+            label: capitalize(option)
+          }
+        ),
+        size: "small",
+        popupIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+        renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, variant: "outlined" })
+      }
+    )
+  ] });
 };
 export { TemplateCategoryPicker };

package/dist/next/components/TemplateCategoryPicker/TemplateCategoryPicker.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateCategoryPicker.esm.js","sources":["../../../../src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.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 { Progress } from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { useEntityTypeFilter } from '@backstage/plugin-catalog-react';\nimport Box from '@material-ui/core/Box';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\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/Autocomplete';\nimport capitalize from 'lodash/capitalize';\nimport ~~React,~~ { ReactNode } from 'react';\n\nimport { scaffolderReactTranslationRef } from '../../../translation';\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\n/* @alpha /\nexport type ScaffolderReactTemplateCategoryPickerClassKey = 'root' \| 'label';\n\nconst useStyles = makeStyles(\n {\n root: {},\n label: {},\n },\n { name: 'ScaffolderReactTemplateCategoryPicker' },\n);\n\n/\n The Category Picker that is rendered on the left side for picking\n * categories and filtering the template list.\n * @alpha\n */\nexport const TemplateCategoryPicker = () => {\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const classes = useStyles();\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 className={classes.root} pb={1} pt={1}>\n <Typography\n className={classes.label}\n variant=\"button\"\n component=\"label\"\n htmlFor=\"categories-picker\"\n >\n {t('templateCategoryPicker.title')}\n </Typography>\n <Autocomplete<string, true>\n PopperComponent={popperProps => (\n <div {...popperProps}>{popperProps.children as ReactNode}</div>\n )}\n multiple\n id=\"categories-picker\"\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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmCA,MAAM,IAAO,mBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,wBAAyB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AACxD,MAAM,WAAc,mBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAKnD,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB;AAAA,IACE,MAAM,EAAC;AAAA,IACP,OAAO;AAAC,GACV;AAAA,EACA,EAAE,MAAM,uCAAwC;AAClD,CAAA;AAOO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,gBAAgB,aAAe,EAAA,gBAAA,KACrD,mBAAoB,EAAA;AAEtB,EAAI,IAAA,OAAA,EAAgB,uBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,QAAS,EAAA,~~IAAA~~,CAAA;AAE9B,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,OAAA,EAAS,2CAA2C,KAAK,CAAA,CAAA;AAAA,MACzD,QAAU,EAAA;AAAA,KACX,CAAA;AACD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAI,IAAA,CAAC,gBAAuB,OAAA,IAAA;AAE5B,EACE,uBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,OAAI,SAAW,EAAA,OAAA,CAAQ,MAAM,EAAI,EAAA,CAAA,EAAG,IAAI,CACvC,EAAA,~~kBAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~IAAC~~,UAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,WAAW,OAAQ,CAAA,KAAA;AAAA,~~MACnB~~,OAAQ,EAAA,QAAA;AAAA,~~MACR~~,SAAU,EAAA,OAAA;AAAA,~~MACV~~,OAAQ,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~IAEP~~,~~EAAE~~,8BAA8B;AAAA,~~GAEnC~~,~~kBAAA~~,~~KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,YAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,iBAAiB,CACf,WAAA,qBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,SAAK,GAAG,WAAA,~~EAAA,~~EAAc,~~YAAY~~,QAAsB,CAAA;AAAA,~~MAE3D~~,QAAQ,EAAA,IAAA;AAAA,~~MACR~~,EAAG,EAAA,mBAAA;AAAA,~~MACH~~,OAAS,EAAA,cAAA;AAAA,~~MACT~~,KAAO,EAAA,aAAA;AAAA,~~MACP~~,QAAU,EAAA,CAAC,CAAW,EAAA,KAAA,KAAoB,iBAAiB,KAAK,CAAA;AAAA,~~MAChE~~,YAAc,EAAA,CAAC,MAAQ,EAAA,EAAE,UACvB,qBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~QAAC~~,gBAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,OACE,kBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~YAAC~~,QAAA;AAAA,~~YAAA~~;AAAA,~~cACC~~,IAAA;AAAA,~~cACA~~,WAAA;AAAA,~~cACA~~,OAAS,EAAA;AAAA;AAAA,~~WACX~~;AAAA,~~UAEF~~,KAAA,EAAO,WAAW,MAAM;AAAA;AAAA,~~OAC1B~~;AAAA,~~MAEF~~,IAAK,EAAA,OAAA;AAAA,~~MACL~~,SAAA,~~sCAAY~~,cAAe,EAAA,~~IAAA~~,CAAA;AAAA,~~MAC3B~~,aAAa,CAAU,MAAA,qBAAA,~~KAAA~~,~~CAAA,aAAA,~~CAAC,aAAW,GAAG,MAAA,EAAQ,SAAQ,UAAW,EAAA;AAAA;AAAA,~~GAErE~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TemplateCategoryPicker.esm.js","sources":["../../../../src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.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 { Progress } from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { useEntityTypeFilter } from '@backstage/plugin-catalog-react';\nimport Box from '@material-ui/core/Box';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\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/Autocomplete';\nimport capitalize from 'lodash/capitalize';\nimport { ReactNode } from 'react';\n\nimport { scaffolderReactTranslationRef } from '../../../translation';\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\n/* @alpha /\nexport type ScaffolderReactTemplateCategoryPickerClassKey = 'root' \| 'label';\n\nconst useStyles = makeStyles(\n {\n root: {},\n label: {},\n },\n { name: 'ScaffolderReactTemplateCategoryPicker' },\n);\n\n/\n The Category Picker that is rendered on the left side for picking\n * categories and filtering the template list.\n * @alpha\n */\nexport const TemplateCategoryPicker = () => {\n const { t } = useTranslationRef(scaffolderReactTranslationRef);\n const classes = useStyles();\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 className={classes.root} pb={1} pt={1}>\n <Typography\n className={classes.label}\n variant=\"button\"\n component=\"label\"\n htmlFor=\"categories-picker\"\n >\n {t('templateCategoryPicker.title')}\n </Typography>\n <Autocomplete<string, true>\n PopperComponent={popperProps => (\n <div {...popperProps}>{popperProps.children as ReactNode}</div>\n )}\n multiple\n id=\"categories-picker\"\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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmCA,MAAM,IAAO,mBAAA,GAAA,CAAC,wBAAyB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AACxD,MAAM,WAAc,mBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAKnD,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB;AAAA,IACE,MAAM,EAAC;AAAA,IACP,OAAO;AAAC,GACV;AAAA,EACA,EAAE,MAAM,uCAAwC;AAClD,CAAA;AAOO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,gBAAgB,aAAe,EAAA,gBAAA,KACrD,mBAAoB,EAAA;AAEtB,EAAI,IAAA,OAAA,EAAgB,uBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA;AAE9B,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,OAAA,EAAS,2CAA2C,KAAK,CAAA,CAAA;AAAA,MACzD,QAAU,EAAA;AAAA,KACX,CAAA;AACD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAI,IAAA,CAAC,gBAAuB,OAAA,IAAA;AAE5B,EACE,uBAAA,IAAA,CAAC,OAAI,SAAW,EAAA,OAAA,CAAQ,MAAM,EAAI,EAAA,CAAA,EAAG,IAAI,CACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,KAAA;AAAA,QACnB,OAAQ,EAAA,QAAA;AAAA,QACR,SAAU,EAAA,OAAA;AAAA,QACV,OAAQ,EAAA,mBAAA;AAAA,QAEP,YAAE,8BAA8B;AAAA;AAAA,KACnC;AAAA,oBACA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,iBAAiB,CACf,WAAA,qBAAA,GAAA,CAAC,SAAK,GAAG,WAAA,EAAc,sBAAY,QAAsB,EAAA,CAAA;AAAA,QAE3D,QAAQ,EAAA,IAAA;AAAA,QACR,EAAG,EAAA,mBAAA;AAAA,QACH,OAAS,EAAA,cAAA;AAAA,QACT,KAAO,EAAA,aAAA;AAAA,QACP,QAAU,EAAA,CAAC,CAAW,EAAA,KAAA,KAAoB,iBAAiB,KAAK,CAAA;AAAA,QAChE,YAAc,EAAA,CAAC,MAAQ,EAAA,EAAE,UACvB,qBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,OACE,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA;AAAA,gBACA,WAAA;AAAA,gBACA,OAAS,EAAA;AAAA;AAAA,aACX;AAAA,YAEF,KAAA,EAAO,WAAW,MAAM;AAAA;AAAA,SAC1B;AAAA,QAEF,IAAK,EAAA,OAAA;AAAA,QACL,SAAA,sBAAY,cAAe,EAAA,EAAA,CAAA;AAAA,QAC3B,aAAa,CAAU,MAAA,qBAAA,GAAA,CAAC,aAAW,GAAG,MAAA,EAAQ,SAAQ,UAAW,EAAA;AAAA;AAAA;AACnE,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Content, ItemCardGrid, ContentHeader } from '@backstage/core-components';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { TemplateCard } from '../TemplateCard/TemplateCard.esm.js';
@@ -10,20 +10,23 @@ const TemplateGroup = (props) => {
     components: { CardComponent } = {},
     onSelected
   } = props;
-  const titleComponent = typeof title === "string" ? /* @__PURE__ */ React.createElement(ContentHeader, { title }) : title;
+  const titleComponent = typeof title === "string" ? /* @__PURE__ */ jsx(ContentHeader, { title }) : title;
   if (templates.length === 0) {
     return null;
   }
   const Card = CardComponent || TemplateCard;
-  return /* @__PURE__ */ React.createElement(Content, null, titleComponent, /* @__PURE__ */ React.createElement(ItemCardGrid, null, templates.map(({ template, additionalLinks }) => /* @__PURE__ */ React.createElement(
-    Card,
-    {
-      key: stringifyEntityRef(template),
-      additionalLinks,
-      template,
-      onSelected
-    }
-  ))));
+  return /* @__PURE__ */ jsxs(Content, { children: [
+    titleComponent,
+    /* @__PURE__ */ jsx(ItemCardGrid, { children: templates.map(({ template, additionalLinks }) => /* @__PURE__ */ jsx(
+      Card,
+      {
+        additionalLinks,
+        template,
+        onSelected
+      },
+      stringifyEntityRef(template)
+    )) })
+  ] });
 };
 export { TemplateGroup };

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

	@@ -1 +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 ~~React~~ 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 { 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: ~~React.~~ReactNode;\n components?: {\n CardComponent?: ~~React.~~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 <Card\n key={stringifyEntityRef(template)}\n additionalLinks={additionalLinks}\n template={template}\n onSelected={onSelected}\n />\n ))}\n </ItemCardGrid>\n </Content>\n );\n};\n"],"names":[],"mappings":";;;;;AAkDa,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAY,EAAA,EAAE,aAAc,EAAA,GAAI,EAAC;AAAA,IACjC;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,iBACJ,OAAO,KAAA,KAAU,2BAAY,~~KAAA~~,CAAA,aAAA,~~CAAA,aAAA,~~EAAA,EAAc,OAAc,CAAK,GAAA,KAAA;AAEhE,EAAI,IAAA,SAAA,CAAU,WAAW,CAAG,EAAA;AAC1B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,OAAO,aAAiB,IAAA,YAAA;AAE9B,~~EACE~~,~~uBAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~OACE,~~EAAA,IAAA,~~EAAA,~~cAAA,~~kBACA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~YAAA,~~EAAA,~~IAAA~~,~~EACE,SAAU,~~CAAA,GAAA,CAAI,CAAC,EAAE,~~QAAU~~,~~EAAA~~,~~eAAA~~,~~EAC1B,~~qBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,IAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,~~GAAA,EAAK,mBAAmB,QAAQ,CAAA~~;AAAA,~~MAChC~~,~~eAAA~~;AAAA,~~MACA,QAAA~~;AAAA,~~MACA~~;AAAA;AAAA,~~GAEH~~,CACH,~~CACF~~,CAAA;AAEJ;;;;"}
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 { 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 <Card\n key={stringifyEntityRef(template)}\n additionalLinks={additionalLinks}\n template={template}\n onSelected={onSelected}\n />\n ))}\n </ItemCardGrid>\n </Content>\n );\n};\n"],"names":[],"mappings":";;;;;AAkDa,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAY,EAAA,EAAE,aAAc,EAAA,GAAI,EAAC;AAAA,IACjC;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,iBACJ,OAAO,KAAA,KAAU,2BAAY,GAAA,CAAA,aAAA,EAAA,EAAc,OAAc,CAAK,GAAA,KAAA;AAEhE,EAAI,IAAA,SAAA,CAAU,WAAW,CAAG,EAAA;AAC1B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,OAAO,aAAiB,IAAA,YAAA;AAE9B,EAAA,4BACG,OACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,cAAA;AAAA,oBACD,GAAA,CAAC,gBACE,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,EAAE,QAAA,EAAU,iBAC1B,qBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,eAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAHK,mBAAmB,QAAQ;AAAA,KAKnC,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}