@red-hat-developer-hub/backstage-plugin-dynamic-home-page 1.10.3 → 1.10.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @red-hat-developer-hub/backstage-plugin-dynamic-home-page
 
+## 1.10.5
+
+### Patch Changes
+
+- 802696c: UI polish and tag interaction improvements on Home page
+
+## 1.10.4
+
+### Patch Changes
+
+- 2f39369: Fix inconsistent usage of resource kind chip on template homepage
+
 ## 1.10.3
 
 ### Patch Changes

package/dist/components/EntitySection/TagList.esm.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Link } from '@backstage/core-components';
 import Box from '@mui/material/Box';
 import Chip from '@mui/material/Chip';
 import Typography from '@mui/material/Typography';
@@ -6,40 +7,66 @@ import { KINDS } from '../../utils/constants.esm.js';
 
 const TagList = ({ tags, kind }) => {
   const hiddenCount = tags.length - 3;
+  const params = new URLSearchParams({
+    "filters[kind]": kind,
+    "filters[user]": "all"
+  });
+  const catalogKindLink = `/catalog?${params.toString()}`;
   return /* @__PURE__ */ jsxs(
     Box,
     {
       sx: {
-        height: "72px",
+        height: "77px",
+        pt: 2,
         overflow: "hidden",
         display: "flex",
         flexWrap: "wrap",
         alignItems: "flex-end",
-        gap: 0.5
+        rowGap: 0.5,
+        columnGap: 0.5
       },
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Link, { to: catalogKindLink, children: /* @__PURE__ */ jsx(
           Chip,
           {
             label: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.8rem", fontWeight: 400 }, children: kind }),
             sx: {
               backgroundColor: KINDS[kind.toLocaleUpperCase()]?.fill,
-              color: "black"
+              color: "black",
+              m: 0,
+              border: "1px solid transparent",
+              "&:hover": {
+                borderColor: KINDS[kind.toLocaleUpperCase()]?.borderColor
+              }
             },
             variant: "filled",
             size: "small"
           },
           kind
-        ),
-        tags.slice(0, 2).map((tag) => /* @__PURE__ */ jsx(
-          Chip,
-          {
-            label: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.8rem", fontWeight: 400 }, children: tag }),
-            variant: "outlined",
-            size: "small"
-          },
-          tag
-        )),
+        ) }),
+        tags.slice(0, 2).map((tag) => {
+          const tagParams = new URLSearchParams({
+            "filters[kind]": kind,
+            "filters[tags]": tag,
+            "filters[user]": "all"
+          });
+          const catalogLink = `/catalog?${tagParams.toString()}`;
+          return /* @__PURE__ */ jsx(Link, { to: catalogLink, children: /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.8rem", fontWeight: 400 }, children: tag }),
+              sx: {
+                m: 0,
+                "&:hover": {
+                  borderColor: "#9e9e9e"
+                }
+              },
+              variant: "outlined",
+              size: "small"
+            },
+            tag
+          ) }, tag);
+        }),
         hiddenCount > 0 && /* @__PURE__ */ jsx(
           Chip,
           {
@@ -49,7 +76,7 @@ const TagList = ({ tags, kind }) => {
                 sx: {
                   fontSize: "0.8rem",
                   fontWeight: 400,
-                  color: (theme) => `${theme.palette.mode === "light" ? "#0066CC" : "#1FA7F8"}`
+                  color: (theme) => theme.palette.text.secondary
                 },
                 children: `${hiddenCount} more`
               }
@@ -57,7 +84,8 @@ const TagList = ({ tags, kind }) => {
             variant: "outlined",
             size: "small",
             sx: {
-              border: "none"
+              border: "none",
+              m: 0
             }
           }
         )

package/dist/components/EntitySection/TagList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.esm.js","sources":["../../../src/components/EntitySection/TagList.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { FC } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport Typography from '@mui/material/Typography';\nimport { KINDS } from '../../utils/constants';\n\ntype KindKeys = keyof typeof KINDS;\n\ninterface TagListProps {\n  tags: string[];\n  kind: string;\n}\n\nconst TagList: FC<TagListProps> = ({ tags, kind }) => {\n  const hiddenCount = tags.length - 3;\n  return (\n    <Box\n      sx={{\n        height: '72px',\n        overflow: 'hidden',\n        display: 'flex',\n        flexWrap: 'wrap',\n        alignItems: 'flex-end',\n        gap: 0.5,\n      }}\n    >\n      <Chip\n        key={kind}\n        label={\n          <Typography sx={{ fontSize: '0.8rem', fontWeight: 400 }}>\n            {kind}\n          </Typography>\n        }\n        sx={{\n          backgroundColor: KINDS[kind.toLocaleUpperCase() as KindKeys]?.fill,\n          color: 'black',\n        }}\n        variant=\"filled\"\n        size=\"small\"\n      />\n      {tags.slice(0, 2).map(tag => (\n        <Chip\n          key={tag}\n          label={\n            <Typography sx={{ fontSize: '0.8rem', fontWeight: 400 }}>\n              {tag}\n            </Typography>\n          }\n          variant=\"outlined\"\n          size=\"small\"\n        />\n      ))}\n\n      {hiddenCount > 0 && (\n        <Chip\n          label={\n            <Typography\n              sx={{\n                fontSize: '0.8rem',\n                fontWeight: 400,\n                color: theme =>\n                  `${theme.palette.mode === 'light' ? '#0066CC' : '#1FA7F8'}`,\n              }}\n            >\n              {`${hiddenCount} more`}\n            </Typography>\n          }\n          variant=\"outlined\"\n          size=\"small\"\n          sx={{\n            border: 'none',\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n\nexport default TagList;\n"],"names":[],"mappings":";;;;;;AA6BA,MAAM,OAA4B,GAAA,CAAC,EAAE,IAAA,EAAM,MAAW,KAAA;AACpD,EAAM,MAAA,WAAA,GAAc,KAAK,MAAS,GAAA,CAAA;AAClC,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,MAAQ,EAAA,MAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,OAAS,EAAA,MAAA;AAAA,QACT,QAAU,EAAA,MAAA;AAAA,QACV,UAAY,EAAA,UAAA;AAAA,QACZ,GAAK,EAAA;AAAA,OACP;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,KAAA,kBACG,GAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,EAAE,UAAU,QAAU,EAAA,UAAA,EAAY,GAAI,EAAA,EACnD,QACH,EAAA,IAAA,EAAA,CAAA;AAAA,YAEF,EAAI,EAAA;AAAA,cACF,eAAiB,EAAA,KAAA,CAAM,IAAK,CAAA,iBAAA,EAA+B,CAAG,EAAA,IAAA;AAAA,cAC9D,KAAO,EAAA;AAAA,aACT;AAAA,YACA,OAAQ,EAAA,QAAA;AAAA,YACR,IAAK,EAAA;AAAA,WAAA;AAAA,UAXA;AAAA,SAYP;AAAA,QACC,KAAK,KAAM,CAAA,CAAA,EAAG,CAAC,CAAA,CAAE,IAAI,CACpB,GAAA,qBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,KAAA,kBACG,GAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,EAAE,UAAU,QAAU,EAAA,UAAA,EAAY,GAAI,EAAA,EACnD,QACH,EAAA,GAAA,EAAA,CAAA;AAAA,YAEF,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA;AAAA,WAAA;AAAA,UAPA;AAAA,SASR,CAAA;AAAA,QAEA,cAAc,CACb,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KACE,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA;AAAA,kBACF,QAAU,EAAA,QAAA;AAAA,kBACV,UAAY,EAAA,GAAA;AAAA,kBACZ,KAAA,EAAO,WACL,CAAG,EAAA,KAAA,CAAM,QAAQ,IAAS,KAAA,OAAA,GAAU,YAAY,SAAS,CAAA;AAAA,iBAC7D;AAAA,gBAEC,aAAG,WAAW,CAAA,KAAA;AAAA;AAAA,aACjB;AAAA,YAEF,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,EAAI,EAAA;AAAA,cACF,MAAQ,EAAA;AAAA;AACV;AAAA;AACF;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"TagList.esm.js","sources":["../../../src/components/EntitySection/TagList.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { FC } from 'react';\n\nimport { Link } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport Typography from '@mui/material/Typography';\nimport { KINDS } from '../../utils/constants';\n\ntype KindKeys = keyof typeof KINDS;\n\ninterface TagListProps {\n  tags: string[];\n  kind: string;\n}\n\nconst TagList: FC<TagListProps> = ({ tags, kind }) => {\n  const hiddenCount = tags.length - 3;\n\n  const params = new URLSearchParams({\n    'filters[kind]': kind,\n    'filters[user]': 'all',\n  });\n  const catalogKindLink = `/catalog?${params.toString()}`;\n\n  return (\n    <Box\n      sx={{\n        height: '77px',\n        pt: 2,\n        overflow: 'hidden',\n        display: 'flex',\n        flexWrap: 'wrap',\n        alignItems: 'flex-end',\n        rowGap: 0.5,\n        columnGap: 0.5,\n      }}\n    >\n      <Link to={catalogKindLink}>\n        <Chip\n          key={kind}\n          label={\n            <Typography sx={{ fontSize: '0.8rem', fontWeight: 400 }}>\n              {kind}\n            </Typography>\n          }\n          sx={{\n            backgroundColor: KINDS[kind.toLocaleUpperCase() as KindKeys]?.fill,\n            color: 'black',\n            m: 0,\n            border: '1px solid transparent',\n            '&:hover': {\n              borderColor:\n                KINDS[kind.toLocaleUpperCase() as KindKeys]?.borderColor,\n            },\n          }}\n          variant=\"filled\"\n          size=\"small\"\n        />\n      </Link>\n      {tags.slice(0, 2).map(tag => {\n        const tagParams = new URLSearchParams({\n          'filters[kind]': kind,\n          'filters[tags]': tag,\n          'filters[user]': 'all',\n        });\n        const catalogLink = `/catalog?${tagParams.toString()}`;\n\n        return (\n          <Link key={tag} to={catalogLink}>\n            <Chip\n              key={tag}\n              label={\n                <Typography sx={{ fontSize: '0.8rem', fontWeight: 400 }}>\n                  {tag}\n                </Typography>\n              }\n              sx={{\n                m: 0,\n                '&:hover': {\n                  borderColor: '#9e9e9e',\n                },\n              }}\n              variant=\"outlined\"\n              size=\"small\"\n            />\n          </Link>\n        );\n      })}\n\n      {hiddenCount > 0 && (\n        <Chip\n          label={\n            <Typography\n              sx={{\n                fontSize: '0.8rem',\n                fontWeight: 400,\n                color: theme => theme.palette.text.secondary,\n              }}\n            >\n              {`${hiddenCount} more`}\n            </Typography>\n          }\n          variant=\"outlined\"\n          size=\"small\"\n          sx={{\n            border: 'none',\n            m: 0,\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n\nexport default TagList;\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateSection/TemplateCard.esm.js

@@ -10,8 +10,15 @@ const TemplateCard = ({
   link,
   title,
   description,
-  kind
+  kind,
+  type
 }) => {
+  const params = new URLSearchParams({
+    "filters[kind]": kind,
+    "filters[type]": type,
+    "filters[user]": "all"
+  });
+  const catalogLink = `/catalog?${params.toString()}`;
   return /* @__PURE__ */ jsx(
     Card,
     {
@@ -32,14 +39,6 @@ const TemplateCard = ({
             backgroundColor: "transparent"
           },
           children: [
-            /* @__PURE__ */ jsx(Box, { sx: { padding: "8px 0" }, children: /* @__PURE__ */ jsx(
-              Chip,
-              {
-                label: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.8rem", fontWeight: 400 }, children: kind }),
-                size: "small"
-              },
-              kind
-            ) }),
             /* @__PURE__ */ jsx(Box, { sx: { margin: "8px 0", height: "21px", overflow: "hidden" }, children: /* @__PURE__ */ jsx(
               Link,
               {
@@ -84,7 +83,21 @@ const TemplateCard = ({
                   }
                 )
               }
-            )
+            ),
+            /* @__PURE__ */ jsx(Box, { sx: { pt: 2 }, children: type && /* @__PURE__ */ jsx(Link, { to: catalogLink, children: /* @__PURE__ */ jsx(
+              Chip,
+              {
+                label: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.8rem", fontWeight: 400 }, children: type }),
+                sx: {
+                  border: "1px solid transparent",
+                  "&:hover": {
+                    borderColor: "#9e9e9e"
+                  }
+                },
+                size: "small"
+              },
+              type
+            ) }) })
           ]
         }
       )

package/dist/components/TemplateSection/TemplateCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateCard.esm.js","sources":["../../../src/components/TemplateSection/TemplateCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { FC } from 'react';\n\nimport { Link } from '@backstage/core-components';\nimport { MarkdownContent } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport CardContent from '@mui/material/CardContent';\nimport Chip from '@mui/material/Chip';\nimport Typography from '@mui/material/Typography';\nimport Card from '@mui/material/Card';\n\ninterface TemplateCardProps {\n  link: string;\n  title: string;\n  description: string;\n  kind: string;\n}\n\nconst TemplateCard: FC<TemplateCardProps> = ({\n  link,\n  title,\n  description,\n  kind,\n}) => {\n  return (\n    <Card\n      elevation={0}\n      sx={{\n        border: theme => `1px solid ${theme.palette.grey[400]}`,\n        overflow: 'auto',\n        maxHeight: '100%',\n      }}\n    >\n      <CardContent\n        sx={{\n          pb: 2,\n          '&:last-child': {\n            pb: 2,\n          },\n          backgroundColor: 'transparent',\n        }}\n      >\n        <Box sx={{ padding: '8px 0' }}>\n          <Chip\n            label={\n              <Typography sx={{ fontSize: '0.8rem', fontWeight: 400 }}>\n                {kind}\n              </Typography>\n            }\n            key={kind}\n            size=\"small\"\n          />\n        </Box>\n        <Box sx={{ margin: '8px 0', height: '21px', overflow: 'hidden' }}>\n          <Link\n            to={link}\n            underline=\"always\"\n            style={{\n              display: '-webkit-box',\n              WebkitBoxOrient: 'vertical',\n              WebkitLineClamp: 1,\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              fontSize: '0.9rem',\n              fontWeight: '500',\n            }}\n          >\n            {title}\n          </Link>\n        </Box>\n        <Box\n          sx={{\n            padding: '8px 0',\n            height: '90px',\n            overflow: 'hidden',\n          }}\n        >\n          <Typography\n            variant=\"body2\"\n            paragraph\n            sx={{\n              display: '-webkit-box',\n              WebkitLineClamp: 4,\n              WebkitBoxOrient: 'vertical',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              '& p': {\n                margin: 'auto',\n              },\n            }}\n          >\n            <MarkdownContent content={description} />\n          </Typography>\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default TemplateCard;\n"],"names":[],"mappings":";;;;;;;;AAiCA,MAAM,eAAsC,CAAC;AAAA,EAC3C,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA;AAAA,MACX,EAAI,EAAA;AAAA,QACF,QAAQ,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,QACrD,QAAU,EAAA,MAAA;AAAA,QACV,SAAW,EAAA;AAAA,OACb;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,EAAI,EAAA,CAAA;AAAA,YACJ,cAAgB,EAAA;AAAA,cACd,EAAI,EAAA;AAAA,aACN;AAAA,YACA,eAAiB,EAAA;AAAA,WACnB;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,SAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,KAAA,kBACG,GAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,EAAE,UAAU,QAAU,EAAA,UAAA,EAAY,GAAI,EAAA,EACnD,QACH,EAAA,IAAA,EAAA,CAAA;AAAA,gBAGF,IAAK,EAAA;AAAA,eAAA;AAAA,cADA;AAAA,aAGT,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,MAAA,EAAQ,SAAS,MAAQ,EAAA,MAAA,EAAQ,QAAU,EAAA,QAAA,EACpD,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA,IAAA;AAAA,gBACJ,SAAU,EAAA,QAAA;AAAA,gBACV,KAAO,EAAA;AAAA,kBACL,OAAS,EAAA,aAAA;AAAA,kBACT,eAAiB,EAAA,UAAA;AAAA,kBACjB,eAAiB,EAAA,CAAA;AAAA,kBACjB,QAAU,EAAA,QAAA;AAAA,kBACV,YAAc,EAAA,UAAA;AAAA,kBACd,QAAU,EAAA,QAAA;AAAA,kBACV,UAAY,EAAA;AAAA,iBACd;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA,aAEL,EAAA,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA;AAAA,kBACF,OAAS,EAAA,OAAA;AAAA,kBACT,MAAQ,EAAA,MAAA;AAAA,kBACR,QAAU,EAAA;AAAA,iBACZ;AAAA,gBAEA,QAAA,kBAAA,GAAA;AAAA,kBAAC,UAAA;AAAA,kBAAA;AAAA,oBACC,OAAQ,EAAA,OAAA;AAAA,oBACR,SAAS,EAAA,IAAA;AAAA,oBACT,EAAI,EAAA;AAAA,sBACF,OAAS,EAAA,aAAA;AAAA,sBACT,eAAiB,EAAA,CAAA;AAAA,sBACjB,eAAiB,EAAA,UAAA;AAAA,sBACjB,QAAU,EAAA,QAAA;AAAA,sBACV,YAAc,EAAA,UAAA;AAAA,sBACd,KAAO,EAAA;AAAA,wBACL,MAAQ,EAAA;AAAA;AACV,qBACF;AAAA,oBAEA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA;AAAA;AAAA;AACzC;AAAA;AACF;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"TemplateCard.esm.js","sources":["../../../src/components/TemplateSection/TemplateCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { FC } from 'react';\n\nimport { Link } from '@backstage/core-components';\nimport { MarkdownContent } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport CardContent from '@mui/material/CardContent';\nimport Chip from '@mui/material/Chip';\nimport Typography from '@mui/material/Typography';\nimport Card from '@mui/material/Card';\n\ninterface TemplateCardProps {\n  link: string;\n  title: string;\n  description: string;\n  kind: string;\n  type: string;\n}\n\nconst TemplateCard: FC<TemplateCardProps> = ({\n  link,\n  title,\n  description,\n  kind,\n  type,\n}) => {\n  const params = new URLSearchParams({\n    'filters[kind]': kind,\n    'filters[type]': type,\n    'filters[user]': 'all',\n  });\n\n  const catalogLink = `/catalog?${params.toString()}`;\n\n  return (\n    <Card\n      elevation={0}\n      sx={{\n        border: theme => `1px solid ${theme.palette.grey[400]}`,\n        overflow: 'auto',\n        maxHeight: '100%',\n      }}\n    >\n      <CardContent\n        sx={{\n          pb: 2,\n          '&:last-child': {\n            pb: 2,\n          },\n          backgroundColor: 'transparent',\n        }}\n      >\n        <Box sx={{ margin: '8px 0', height: '21px', overflow: 'hidden' }}>\n          <Link\n            to={link}\n            underline=\"always\"\n            style={{\n              display: '-webkit-box',\n              WebkitBoxOrient: 'vertical',\n              WebkitLineClamp: 1,\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              fontSize: '0.9rem',\n              fontWeight: '500',\n            }}\n          >\n            {title}\n          </Link>\n        </Box>\n        <Box\n          sx={{\n            padding: '8px 0',\n            height: '90px',\n            overflow: 'hidden',\n          }}\n        >\n          <Typography\n            variant=\"body2\"\n            paragraph\n            sx={{\n              display: '-webkit-box',\n              WebkitLineClamp: 4,\n              WebkitBoxOrient: 'vertical',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              '& p': {\n                margin: 'auto',\n              },\n            }}\n          >\n            <MarkdownContent content={description} />\n          </Typography>\n        </Box>\n        <Box sx={{ pt: 2 }}>\n          {type && (\n            <Link to={catalogLink}>\n              <Chip\n                label={\n                  <Typography sx={{ fontSize: '0.8rem', fontWeight: 400 }}>\n                    {type}\n                  </Typography>\n                }\n                key={type}\n                sx={{\n                  border: '1px solid transparent',\n                  '&:hover': {\n                    borderColor: '#9e9e9e',\n                  },\n                }}\n                size=\"small\"\n              />\n            </Link>\n          )}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default TemplateCard;\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateSection/TemplateSection.esm.js

@@ -64,7 +64,8 @@ const TemplateSection = () => {
           link: `/create/templates/${item.metadata.namespace}/${item.metadata.name}`,
           title: item.metadata.title,
           description: item.metadata.description,
-          kind: "Template"
+          kind: item.kind,
+          type: item.spec.type
         }
       ) }, item.title)),
       templates?.items.length === 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 12, children: /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateSection.esm.js","sources":["../../../src/components/TemplateSection/TemplateSection.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { ReactNode } from 'react';\n\nimport { Fragment } from 'react';\n\nimport {\n  CodeSnippet,\n  WarningPanel,\n  Link as BackstageLink,\n} from '@backstage/core-components';\n\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport CardContent from '@mui/material/CardContent';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport TemplateCard from './TemplateCard';\nimport { useEntities } from '../../hooks/useEntities';\nimport { ViewMoreLink } from './ViewMoreLink';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { Trans } from '../Trans';\n\nconst StyledLink = styled(BackstageLink)(({ theme }) => ({\n  textDecoration: 'none',\n  padding: theme.spacing(1, 1.5),\n  fontSize: '16px',\n  display: 'inline-flex',\n  border: `1px solid ${theme.palette.primary.main}`,\n  borderRadius: 4,\n}));\n\nexport const TemplateSection = () => {\n  const { t } = useTranslation();\n  const {\n    data: templates,\n    error,\n    isLoading,\n  } = useEntities({ kind: 'Template' });\n\n  const params = new URLSearchParams({\n    'filters[kind]': 'template',\n    limit: '20',\n  });\n  const catalogTemplatesLink = `/catalog?${params.toString()}`;\n\n  let content: ReactNode;\n\n  if (isLoading) {\n    content = (\n      <Box\n        sx={{\n          height: '100%',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        <CircularProgress />\n      </Box>\n    );\n  } else if (!templates) {\n    content = (\n      <WarningPanel severity=\"error\" title={t('templates.fetchError')}>\n        <CodeSnippet\n          language=\"text\"\n          text={error?.toString() ?? t('templates.error')}\n        />\n      </WarningPanel>\n    );\n  } else {\n    content = (\n      <Box sx={{ padding: '8px 8px 8px 0' }}>\n        <Fragment>\n          <Grid container spacing={1} alignItems=\"stretch\">\n            {templates?.items.map((item: any) => (\n              <Grid item xs={12} md={6} lg={3} key={item.title}>\n                <TemplateCard\n                  link={`/create/templates/${item.metadata.namespace}/${item.metadata.name}`}\n                  title={item.metadata.title}\n                  description={item.metadata.description}\n                  kind=\"Template\"\n                />\n              </Grid>\n            ))}\n            {templates?.items.length === 0 && (\n              <Grid item xs={12} md={12}>\n                <Box\n                  sx={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    border: muiTheme =>\n                      `1px solid ${muiTheme.palette.grey[400]}`,\n                    borderRadius: 3,\n                    overflow: 'hidden',\n                  }}\n                >\n                  <CardContent\n                    sx={{\n                      margin: '1rem',\n                    }}\n                  >\n                    <Typography sx={{ fontSize: '1.125rem', fontWeight: 500 }}>\n                      {t('templates.empty')}\n                    </Typography>\n                    <Typography\n                      sx={{\n                        fontSize: '0.875rem',\n                        fontWeight: 400,\n                        mt: '20px',\n                        mb: '16px',\n                      }}\n                    >\n                      {t('templates.emptyDescription')}\n                    </Typography>\n                    <StyledLink to=\"/catalog-import\" underline=\"none\">\n                      {t('templates.register')}\n                    </StyledLink>\n                  </CardContent>\n                </Box>\n              </Grid>\n            )}\n          </Grid>\n        </Fragment>\n      </Box>\n    );\n  }\n\n  return (\n    <Card\n      elevation={0}\n      sx={{\n        padding: '24px',\n        border: muiTheme => `1px solid ${muiTheme.palette.grey[300]}`,\n        overflow: 'auto',\n      }}\n    >\n      <Typography\n        variant=\"h3\"\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          fontWeight: '500',\n          fontSize: '1.5rem',\n        }}\n      >\n        {t('templates.title')}\n      </Typography>\n      {content}\n      {templates?.items && templates?.items.length > 0 && (\n        <Box sx={{ pt: 2 }}>\n          <ViewMoreLink to={catalogTemplatesLink} underline=\"always\">\n            <Trans\n              message=\"templates.viewAll\"\n              params={{ count: templates?.totalItems?.toString() || '' }}\n            />\n          </ViewMoreLink>\n        </Box>\n      )}\n    </Card>\n  );\n};\n"],"names":["BackstageLink"],"mappings":"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"}
+{"version":3,"file":"TemplateSection.esm.js","sources":["../../../src/components/TemplateSection/TemplateSection.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { ReactNode } from 'react';\n\nimport { Fragment } from 'react';\n\nimport {\n  CodeSnippet,\n  WarningPanel,\n  Link as BackstageLink,\n} from '@backstage/core-components';\n\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport CardContent from '@mui/material/CardContent';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport TemplateCard from './TemplateCard';\nimport { useEntities } from '../../hooks/useEntities';\nimport { ViewMoreLink } from './ViewMoreLink';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { Trans } from '../Trans';\n\nconst StyledLink = styled(BackstageLink)(({ theme }) => ({\n  textDecoration: 'none',\n  padding: theme.spacing(1, 1.5),\n  fontSize: '16px',\n  display: 'inline-flex',\n  border: `1px solid ${theme.palette.primary.main}`,\n  borderRadius: 4,\n}));\n\nexport const TemplateSection = () => {\n  const { t } = useTranslation();\n  const {\n    data: templates,\n    error,\n    isLoading,\n  } = useEntities({ kind: 'Template' });\n\n  const params = new URLSearchParams({\n    'filters[kind]': 'template',\n    limit: '20',\n  });\n  const catalogTemplatesLink = `/catalog?${params.toString()}`;\n\n  let content: ReactNode;\n\n  if (isLoading) {\n    content = (\n      <Box\n        sx={{\n          height: '100%',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        <CircularProgress />\n      </Box>\n    );\n  } else if (!templates) {\n    content = (\n      <WarningPanel severity=\"error\" title={t('templates.fetchError')}>\n        <CodeSnippet\n          language=\"text\"\n          text={error?.toString() ?? t('templates.error')}\n        />\n      </WarningPanel>\n    );\n  } else {\n    content = (\n      <Box sx={{ padding: '8px 8px 8px 0' }}>\n        <Fragment>\n          <Grid container spacing={1} alignItems=\"stretch\">\n            {templates?.items.map((item: any) => (\n              <Grid item xs={12} md={6} lg={3} key={item.title}>\n                <TemplateCard\n                  link={`/create/templates/${item.metadata.namespace}/${item.metadata.name}`}\n                  title={item.metadata.title}\n                  description={item.metadata.description}\n                  kind={item.kind}\n                  type={item.spec.type}\n                />\n              </Grid>\n            ))}\n            {templates?.items.length === 0 && (\n              <Grid item xs={12} md={12}>\n                <Box\n                  sx={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    border: muiTheme =>\n                      `1px solid ${muiTheme.palette.grey[400]}`,\n                    borderRadius: 3,\n                    overflow: 'hidden',\n                  }}\n                >\n                  <CardContent\n                    sx={{\n                      margin: '1rem',\n                    }}\n                  >\n                    <Typography sx={{ fontSize: '1.125rem', fontWeight: 500 }}>\n                      {t('templates.empty')}\n                    </Typography>\n                    <Typography\n                      sx={{\n                        fontSize: '0.875rem',\n                        fontWeight: 400,\n                        mt: '20px',\n                        mb: '16px',\n                      }}\n                    >\n                      {t('templates.emptyDescription')}\n                    </Typography>\n                    <StyledLink to=\"/catalog-import\" underline=\"none\">\n                      {t('templates.register')}\n                    </StyledLink>\n                  </CardContent>\n                </Box>\n              </Grid>\n            )}\n          </Grid>\n        </Fragment>\n      </Box>\n    );\n  }\n\n  return (\n    <Card\n      elevation={0}\n      sx={{\n        padding: '24px',\n        border: muiTheme => `1px solid ${muiTheme.palette.grey[300]}`,\n        overflow: 'auto',\n      }}\n    >\n      <Typography\n        variant=\"h3\"\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          fontWeight: '500',\n          fontSize: '1.5rem',\n        }}\n      >\n        {t('templates.title')}\n      </Typography>\n      {content}\n      {templates?.items && templates?.items.length > 0 && (\n        <Box sx={{ pt: 2 }}>\n          <ViewMoreLink to={catalogTemplatesLink} underline=\"always\">\n            <Trans\n              message=\"templates.viewAll\"\n              params={{ count: templates?.totalItems?.toString() || '' }}\n            />\n          </ViewMoreLink>\n        </Box>\n      )}\n    </Card>\n  );\n};\n"],"names":["BackstageLink"],"mappings":";;;;;;;;;;;;;;;;AAuCA,MAAM,aAAa,MAAO,CAAAA,IAAa,EAAE,CAAC,EAAE,OAAa,MAAA;AAAA,EACvD,cAAgB,EAAA,MAAA;AAAA,EAChB,OAAS,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,GAAG,CAAA;AAAA,EAC7B,QAAU,EAAA,MAAA;AAAA,EACV,OAAS,EAAA,aAAA;AAAA,EACT,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,EAC/C,YAAc,EAAA;AAChB,CAAE,CAAA,CAAA;AAEK,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,SAAA;AAAA,IACN,KAAA;AAAA,IACA;AAAA,GACE,GAAA,WAAA,CAAY,EAAE,IAAA,EAAM,YAAY,CAAA;AAEpC,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,CAAA;AAAA,IACjC,eAAiB,EAAA,UAAA;AAAA,IACjB,KAAO,EAAA;AAAA,GACR,CAAA;AACD,EAAA,MAAM,oBAAuB,GAAA,CAAA,SAAA,EAAY,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA;AAE1D,EAAI,IAAA,OAAA;AAEJ,EAAA,IAAI,SAAW,EAAA;AACb,IACE,OAAA,mBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,MAAQ,EAAA,MAAA;AAAA,UACR,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,cAAgB,EAAA;AAAA,SAClB;AAAA,QAEA,8BAAC,gBAAiB,EAAA,EAAA;AAAA;AAAA,KACpB;AAAA,GAEJ,MAAA,IAAW,CAAC,SAAW,EAAA;AACrB,IAAA,OAAA,uBACG,YAAa,EAAA,EAAA,QAAA,EAAS,SAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,MAAA;AAAA,QACT,IAAM,EAAA,KAAA,EAAO,QAAS,EAAA,IAAK,EAAE,iBAAiB;AAAA;AAAA,KAElD,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,OAAA,uBACG,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,iBAClB,EAAA,QAAA,kBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,YAAW,SACpC,EAAA,QAAA,EAAA;AAAA,MAAA,SAAA,EAAW,KAAM,CAAA,GAAA,CAAI,CAAC,IAAA,qBACpB,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,IAAI,CAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,qBAAqB,IAAK,CAAA,QAAA,CAAS,SAAS,CAAI,CAAA,EAAA,IAAA,CAAK,SAAS,IAAI,CAAA,CAAA;AAAA,UACxE,KAAA,EAAO,KAAK,QAAS,CAAA,KAAA;AAAA,UACrB,WAAA,EAAa,KAAK,QAAS,CAAA,WAAA;AAAA,UAC3B,MAAM,IAAK,CAAA,IAAA;AAAA,UACX,IAAA,EAAM,KAAK,IAAK,CAAA;AAAA;AAAA,OAClB,EAAA,EAPoC,IAAK,CAAA,KAQ3C,CACD,CAAA;AAAA,MACA,SAAA,EAAW,KAAM,CAAA,MAAA,KAAW,CAC3B,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,EACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,UAAY,EAAA,QAAA;AAAA,YACZ,cAAgB,EAAA,QAAA;AAAA,YAChB,QAAQ,CACN,QAAA,KAAA,CAAA,UAAA,EAAa,SAAS,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,YACzC,YAAc,EAAA,CAAA;AAAA,YACd,QAAU,EAAA;AAAA,WACZ;AAAA,UAEA,QAAA,kBAAA,IAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,EAAI,EAAA;AAAA,gBACF,MAAQ,EAAA;AAAA,eACV;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAC,GAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,EAAE,QAAU,EAAA,UAAA,EAAY,YAAY,GAAI,EAAA,EACrD,QAAE,EAAA,CAAA,CAAA,iBAAiB,CACtB,EAAA,CAAA;AAAA,gCACA,GAAA;AAAA,kBAAC,UAAA;AAAA,kBAAA;AAAA,oBACC,EAAI,EAAA;AAAA,sBACF,QAAU,EAAA,UAAA;AAAA,sBACV,UAAY,EAAA,GAAA;AAAA,sBACZ,EAAI,EAAA,MAAA;AAAA,sBACJ,EAAI,EAAA;AAAA,qBACN;AAAA,oBAEC,YAAE,4BAA4B;AAAA;AAAA,iBACjC;AAAA,gCACA,GAAA,CAAC,cAAW,EAAG,EAAA,iBAAA,EAAkB,WAAU,MACxC,EAAA,QAAA,EAAA,CAAA,CAAE,oBAAoB,CACzB,EAAA;AAAA;AAAA;AAAA;AACF;AAAA,OAEJ,EAAA;AAAA,KAAA,EAEJ,GACF,CACF,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA;AAAA,MACX,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,QAAQ,CAAY,QAAA,KAAA,CAAA,UAAA,EAAa,SAAS,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,QAC3D,QAAU,EAAA;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,IAAA;AAAA,YACR,EAAI,EAAA;AAAA,cACF,OAAS,EAAA,MAAA;AAAA,cACT,UAAY,EAAA,QAAA;AAAA,cACZ,UAAY,EAAA,KAAA;AAAA,cACZ,QAAU,EAAA;AAAA,aACZ;AAAA,YAEC,YAAE,iBAAiB;AAAA;AAAA,SACtB;AAAA,QACC,OAAA;AAAA,QACA,WAAW,KAAS,IAAA,SAAA,EAAW,MAAM,MAAS,GAAA,CAAA,wBAC5C,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,EAAA,EAAI,GACb,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,EAAI,EAAA,oBAAA,EAAsB,WAAU,QAChD,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,mBAAA;AAAA,YACR,QAAQ,EAAE,KAAA,EAAO,WAAW,UAAY,EAAA,QAAA,MAAc,EAAG;AAAA;AAAA,WAE7D,CACF,EAAA;AAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/utils/constants.esm.js

@@ -33,19 +33,23 @@ const getLearningItems = (t) => [
 const KINDS = {
   COMPONENT: {
     label: "Component",
-    fill: "#FFE082"
+    fill: "#FFE082",
+    borderColor: "#FFCA28"
   },
   API: {
     label: "API",
-    fill: "#FFAB91"
+    fill: "#FFAB91",
+    borderColor: "#FF8A65"
   },
   RESOURCE: {
     label: "Resource",
-    fill: "#FFD180"
+    fill: "#FFD180",
+    borderColor: "#FFB74D"
   },
   SYSTEM: {
     label: "System",
-    fill: "#FF9E80"
+    fill: "#FF9E80",
+    borderColor: "#FF7043"
   }
 };
 

package/dist/utils/constants.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.esm.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward';\nimport { TranslationFunction } from '@backstage/core-plugin-api/alpha';\n\nimport { LearningSectionItem } from '../types';\nimport { homepageTranslationRef } from '../translations';\n\nexport const getLearningItems = (\n  t: TranslationFunction<typeof homepageTranslationRef.T>,\n): LearningSectionItem[] => [\n  {\n    title: t('onboarding.getStarted.title'),\n    description: t('onboarding.getStarted.description'),\n    buttonText: t('onboarding.getStarted.buttonText'),\n    buttonLink:\n      'https://docs.redhat.com/en/documentation/red_hat_developer_hub/',\n    target: '_blank',\n    ariaLabel: t('onboarding.getStarted.ariaLabel'),\n    endIcon: OpenInNewIcon,\n  },\n  {\n    title: t('onboarding.explore.title'),\n    description: t('onboarding.explore.description'),\n    buttonText: t('onboarding.explore.buttonText'),\n    buttonLink: '/catalog',\n    target: undefined,\n    ariaLabel: t('onboarding.explore.ariaLabel'),\n    endIcon: ArrowForwardIcon,\n  },\n  {\n    title: t('onboarding.learn.title'),\n    description: t('onboarding.learn.description'),\n    buttonText: t('onboarding.learn.buttonText'),\n    buttonLink: '/learning-paths',\n    target: undefined,\n    ariaLabel: t('onboarding.learn.ariaLabel'),\n    endIcon: ArrowForwardIcon,\n  },\n];\n\n// Keep the original for backwards compatibility or fallback\nexport const LEARNING_SECTION_ITEMS: LearningSectionItem[] = [\n  {\n    title: 'Get started',\n    description: 'Learn about Red Hat Developer Hub.',\n    buttonText: 'Read documentation',\n    buttonLink:\n      'https://docs.redhat.com/en/documentation/red_hat_developer_hub/',\n    target: '_blank',\n    ariaLabel: 'Read documentation (opens in a new tab)',\n    endIcon: OpenInNewIcon,\n  },\n  {\n    title: 'Explore',\n    description: 'Explore components, APIs and templates.',\n    buttonText: 'Go to Catalog',\n    buttonLink: '/catalog',\n    target: undefined,\n    ariaLabel: 'Go to Catalog',\n    endIcon: ArrowForwardIcon,\n  },\n  {\n    title: 'Learn',\n    description: 'Explore and develop new skills.',\n    buttonText: 'Go to Learning Paths',\n    buttonLink: '/learning-paths',\n    target: undefined,\n    ariaLabel: 'Go to Learning Paths',\n    endIcon: ArrowForwardIcon,\n  },\n];\n\n// Backstage technical terms should not be translated\n// Keep as English domain-specific vocabulary\nexport const KINDS = {\n  COMPONENT: {\n    label: 'Component',\n    fill: '#FFE082',\n  },\n  API: {\n    label: 'API',\n    fill: '#FFAB91',\n  },\n  RESOURCE: {\n    label: 'Resource',\n    fill: '#FFD180',\n  },\n  SYSTEM: {\n    label: 'System',\n    fill: '#FF9E80',\n  },\n};\n"],"names":[],"mappings":";;;AAuBa,MAAA,gBAAA,GAAmB,CAC9B,CAC0B,KAAA;AAAA,EAC1B;AAAA,IACE,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,IACtC,WAAA,EAAa,EAAE,mCAAmC,CAAA;AAAA,IAClD,UAAA,EAAY,EAAE,kCAAkC,CAAA;AAAA,IAChD,UACE,EAAA,iEAAA;AAAA,IACF,MAAQ,EAAA,QAAA;AAAA,IACR,SAAA,EAAW,EAAE,iCAAiC,CAAA;AAAA,IAC9C,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,KAAA,EAAO,EAAE,0BAA0B,CAAA;AAAA,IACnC,WAAA,EAAa,EAAE,gCAAgC,CAAA;AAAA,IAC/C,UAAA,EAAY,EAAE,+BAA+B,CAAA;AAAA,IAC7C,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA,SAAA;AAAA,IACR,SAAA,EAAW,EAAE,8BAA8B,CAAA;AAAA,IAC3C,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,IACjC,WAAA,EAAa,EAAE,8BAA8B,CAAA;AAAA,IAC7C,UAAA,EAAY,EAAE,6BAA6B,CAAA;AAAA,IAC3C,UAAY,EAAA,iBAAA;AAAA,IACZ,MAAQ,EAAA,SAAA;AAAA,IACR,SAAA,EAAW,EAAE,4BAA4B,CAAA;AAAA,IACzC,OAAS,EAAA;AAAA;AAEb;AAoCO,MAAM,KAAQ,GAAA;AAAA,EACnB,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,WAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA,GAAK,EAAA;AAAA,IACH,KAAO,EAAA,KAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,UAAA;AAAA,IACP,IAAM,EAAA;AAAA,GACR;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,QAAA;AAAA,IACP,IAAM,EAAA;AAAA;AAEV;;;;"}
+{"version":3,"file":"constants.esm.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward';\nimport { TranslationFunction } from '@backstage/core-plugin-api/alpha';\n\nimport { LearningSectionItem } from '../types';\nimport { homepageTranslationRef } from '../translations';\n\nexport const getLearningItems = (\n  t: TranslationFunction<typeof homepageTranslationRef.T>,\n): LearningSectionItem[] => [\n  {\n    title: t('onboarding.getStarted.title'),\n    description: t('onboarding.getStarted.description'),\n    buttonText: t('onboarding.getStarted.buttonText'),\n    buttonLink:\n      'https://docs.redhat.com/en/documentation/red_hat_developer_hub/',\n    target: '_blank',\n    ariaLabel: t('onboarding.getStarted.ariaLabel'),\n    endIcon: OpenInNewIcon,\n  },\n  {\n    title: t('onboarding.explore.title'),\n    description: t('onboarding.explore.description'),\n    buttonText: t('onboarding.explore.buttonText'),\n    buttonLink: '/catalog',\n    target: undefined,\n    ariaLabel: t('onboarding.explore.ariaLabel'),\n    endIcon: ArrowForwardIcon,\n  },\n  {\n    title: t('onboarding.learn.title'),\n    description: t('onboarding.learn.description'),\n    buttonText: t('onboarding.learn.buttonText'),\n    buttonLink: '/learning-paths',\n    target: undefined,\n    ariaLabel: t('onboarding.learn.ariaLabel'),\n    endIcon: ArrowForwardIcon,\n  },\n];\n\n// Keep the original for backwards compatibility or fallback\nexport const LEARNING_SECTION_ITEMS: LearningSectionItem[] = [\n  {\n    title: 'Get started',\n    description: 'Learn about Red Hat Developer Hub.',\n    buttonText: 'Read documentation',\n    buttonLink:\n      'https://docs.redhat.com/en/documentation/red_hat_developer_hub/',\n    target: '_blank',\n    ariaLabel: 'Read documentation (opens in a new tab)',\n    endIcon: OpenInNewIcon,\n  },\n  {\n    title: 'Explore',\n    description: 'Explore components, APIs and templates.',\n    buttonText: 'Go to Catalog',\n    buttonLink: '/catalog',\n    target: undefined,\n    ariaLabel: 'Go to Catalog',\n    endIcon: ArrowForwardIcon,\n  },\n  {\n    title: 'Learn',\n    description: 'Explore and develop new skills.',\n    buttonText: 'Go to Learning Paths',\n    buttonLink: '/learning-paths',\n    target: undefined,\n    ariaLabel: 'Go to Learning Paths',\n    endIcon: ArrowForwardIcon,\n  },\n];\n\n// Backstage technical terms should not be translated\n// Keep as English domain-specific vocabulary\nexport const KINDS = {\n  COMPONENT: {\n    label: 'Component',\n    fill: '#FFE082',\n    borderColor: '#FFCA28',\n  },\n  API: {\n    label: 'API',\n    fill: '#FFAB91',\n    borderColor: '#FF8A65',\n  },\n  RESOURCE: {\n    label: 'Resource',\n    fill: '#FFD180',\n    borderColor: '#FFB74D',\n  },\n  SYSTEM: {\n    label: 'System',\n    fill: '#FF9E80',\n    borderColor: '#FF7043',\n  },\n};\n"],"names":[],"mappings":";;;AAuBa,MAAA,gBAAA,GAAmB,CAC9B,CAC0B,KAAA;AAAA,EAC1B;AAAA,IACE,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,IACtC,WAAA,EAAa,EAAE,mCAAmC,CAAA;AAAA,IAClD,UAAA,EAAY,EAAE,kCAAkC,CAAA;AAAA,IAChD,UACE,EAAA,iEAAA;AAAA,IACF,MAAQ,EAAA,QAAA;AAAA,IACR,SAAA,EAAW,EAAE,iCAAiC,CAAA;AAAA,IAC9C,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,KAAA,EAAO,EAAE,0BAA0B,CAAA;AAAA,IACnC,WAAA,EAAa,EAAE,gCAAgC,CAAA;AAAA,IAC/C,UAAA,EAAY,EAAE,+BAA+B,CAAA;AAAA,IAC7C,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA,SAAA;AAAA,IACR,SAAA,EAAW,EAAE,8BAA8B,CAAA;AAAA,IAC3C,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,IACjC,WAAA,EAAa,EAAE,8BAA8B,CAAA;AAAA,IAC7C,UAAA,EAAY,EAAE,6BAA6B,CAAA;AAAA,IAC3C,UAAY,EAAA,iBAAA;AAAA,IACZ,MAAQ,EAAA,SAAA;AAAA,IACR,SAAA,EAAW,EAAE,4BAA4B,CAAA;AAAA,IACzC,OAAS,EAAA;AAAA;AAEb;AAoCO,MAAM,KAAQ,GAAA;AAAA,EACnB,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,WAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA;AAAA,GACf;AAAA,EACA,GAAK,EAAA;AAAA,IACH,KAAO,EAAA,KAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,UAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA;AAAA,GACf;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,QAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,WAAa,EAAA;AAAA;AAEjB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-dynamic-home-page",
-  "version": "1.10.3",
+  "version": "1.10.5",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",