@backstage-community/plugin-apiiro 0.1.0

package/dist/components/MainContributors/MainContributors.esm.js

@@ -0,0 +1,62 @@
+import { jsx } from 'react/jsx-runtime';
+import Avatar from '@mui/material/Avatar';
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+import { SimpleTooltip } from '../SimpleTooltip.esm.js';
+import { getAvatarColors } from '../../theme/themeUtils.esm.js';
+
+const getInitials = (name) => {
+  return name.split(" ").map((word) => word.charAt(0)).join("").toUpperCase().slice(0, 2);
+};
+const getAvatarColorIndex = (name) => {
+  const hash = name.split("").reduce((acc, char) => {
+    return char.charCodeAt(0) + ((acc << 5) - acc);
+  }, 0);
+  return Math.abs(hash) % 8;
+};
+const MainContributors = ({ contributors }) => {
+  const theme = useTheme();
+  const avatarColors = getAvatarColors(theme);
+  const mainContributors = contributors.filter(
+    (contributor) => contributor.reason && contributor.reason.toLowerCase().includes("main contributor")
+  );
+  if (mainContributors.length === 0) {
+    return "";
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 0.5,
+      height: "100%",
+      width: "100%",
+      children: mainContributors.map((contributor, index) => /* @__PURE__ */ jsx(
+        SimpleTooltip,
+        {
+          title: `${contributor.name} ${contributor?.email ? `(${contributor.email})` : ""}`,
+          centered: true,
+          children: /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              style: {
+                backgroundColor: avatarColors[getAvatarColorIndex(contributor.name)],
+                color: "white",
+                width: 24,
+                height: 24,
+                fontSize: "0.75rem",
+                fontWeight: 500
+              },
+              children: getInitials(contributor.name)
+            }
+          )
+        },
+        index
+      ))
+    }
+  );
+};
+
+export { MainContributors };
+//# sourceMappingURL=MainContributors.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainContributors.esm.js","sources":["../../../src/components/MainContributors/MainContributors.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 Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\nimport { SimpleTooltip } from '../SimpleTooltip';\nimport { getAvatarColors } from '../../theme/themeUtils';\n\ninterface Contributor {\n  email: string;\n  name: string;\n  reason: string;\n}\n\ninterface MainContributorsProps {\n  contributors: Contributor[];\n}\n\nconst getInitials = (name: string): string => {\n  return name\n    .split(' ')\n    .map(word => word.charAt(0))\n    .join('')\n    .toUpperCase()\n    .slice(0, 2);\n};\n\nconst getAvatarColorIndex = (name: string): number => {\n  // Generate a consistent color index based on the name\n  const hash = name.split('').reduce((acc, char) => {\n    return char.charCodeAt(0) + ((acc << 5) - acc);\n  }, 0);\n\n  return Math.abs(hash) % 8; // 8 colors available\n};\n\nexport const MainContributors = ({ contributors }: MainContributorsProps) => {\n  const theme = useTheme();\n  const avatarColors = getAvatarColors(theme);\n\n  // Filter contributors to only show those with \"Main contributor\" in their reason\n  const mainContributors = contributors.filter(\n    contributor =>\n      contributor.reason &&\n      contributor.reason.toLowerCase().includes('main contributor'),\n  );\n\n  if (mainContributors.length === 0) {\n    return '';\n  }\n\n  return (\n    <Box\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap={0.5}\n      height=\"100%\"\n      width=\"100%\"\n    >\n      {mainContributors.map((contributor, index) => (\n        <SimpleTooltip\n          key={index}\n          title={`${contributor.name} ${\n            contributor?.email ? `(${contributor.email})` : ''\n          }`}\n          centered\n        >\n          <Avatar\n            style={{\n              backgroundColor:\n                avatarColors[getAvatarColorIndex(contributor.name)],\n              color: 'white',\n              width: 24,\n              height: 24,\n              fontSize: '0.75rem',\n              fontWeight: 500,\n            }}\n          >\n            {getInitials(contributor.name)}\n          </Avatar>\n        </SimpleTooltip>\n      ))}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA+BA,MAAM,WAAA,GAAc,CAAC,IAAA,KAAyB;AAC5C,EAAA,OAAO,KACJ,KAAA,CAAM,GAAG,EACT,GAAA,CAAI,CAAA,IAAA,KAAQ,KAAK,MAAA,CAAO,CAAC,CAAC,CAAA,CAC1B,KAAK,EAAE,CAAA,CACP,aAAY,CACZ,KAAA,CAAM,GAAG,CAAC,CAAA;AACf,CAAA;AAEA,MAAM,mBAAA,GAAsB,CAAC,IAAA,KAAyB;AAEpD,EAAA,MAAM,IAAA,GAAO,KAAK,KAAA,CAAM,EAAE,EAAE,MAAA,CAAO,CAAC,KAAK,IAAA,KAAS;AAChD,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,CAAC,CAAA,IAAA,CAAM,OAAO,CAAA,IAAK,GAAA,CAAA;AAAA,EAC5C,GAAG,CAAC,CAAA;AAEJ,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,IAAI,CAAA,GAAI,CAAA;AAC1B,CAAA;AAEO,MAAM,gBAAA,GAAmB,CAAC,EAAE,YAAA,EAAa,KAA6B;AAC3E,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,YAAA,GAAe,gBAAgB,KAAK,CAAA;AAG1C,EAAA,MAAM,mBAAmB,YAAA,CAAa,MAAA;AAAA,IACpC,CAAA,WAAA,KACE,YAAY,MAAA,IACZ,WAAA,CAAY,OAAO,WAAA,EAAY,CAAE,SAAS,kBAAkB;AAAA,GAChE;AAEA,EAAA,IAAI,gBAAA,CAAiB,WAAW,CAAA,EAAG;AACjC,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,MAAA;AAAA,MACR,UAAA,EAAW,QAAA;AAAA,MACX,cAAA,EAAe,QAAA;AAAA,MACf,GAAA,EAAK,GAAA;AAAA,MACL,MAAA,EAAO,MAAA;AAAA,MACP,KAAA,EAAM,MAAA;AAAA,MAEL,QAAA,EAAA,gBAAA,CAAiB,GAAA,CAAI,CAAC,WAAA,EAAa,KAAA,qBAClC,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UAEC,KAAA,EAAO,CAAA,EAAG,WAAA,CAAY,IAAI,CAAA,CAAA,EACxB,WAAA,EAAa,KAAA,GAAQ,CAAA,CAAA,EAAI,WAAA,CAAY,KAAK,CAAA,CAAA,CAAA,GAAM,EAClD,CAAA,CAAA;AAAA,UACA,QAAA,EAAQ,IAAA;AAAA,UAER,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,eAAA,EACE,YAAA,CAAa,mBAAA,CAAoB,WAAA,CAAY,IAAI,CAAC,CAAA;AAAA,gBACpD,KAAA,EAAO,OAAA;AAAA,gBACP,KAAA,EAAO,EAAA;AAAA,gBACP,MAAA,EAAQ,EAAA;AAAA,gBACR,QAAA,EAAU,SAAA;AAAA,gBACV,UAAA,EAAY;AAAA,eACd;AAAA,cAEC,QAAA,EAAA,WAAA,CAAY,YAAY,IAAI;AAAA;AAAA;AAC/B,SAAA;AAAA,QAlBK;AAAA,OAoBR;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/MetricsGroup/TabMetricsGroup.esm.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Grid from '@mui/material/Unstable_Grid2';
+import { MttrVsSLATile } from '../tiles/MttrVsSLATile.esm.js';
+import { SLAAdherenceTile } from '../tiles/SLAAdherenceTile.esm.js';
+import { RiskOverTimeTile } from '../tiles/RiskOverTimeTile.esm.js';
+import { StatusTile } from '../tiles/StatusTile.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { isApiiroMetricViewAvailable } from '../../utils/utils.esm.js';
+import { apiiroApiRef } from '../../api/index.esm.js';
+
+const TabMetricsGroup = ({
+  repositoryData,
+  entity,
+  repoId,
+  entityRef
+}) => {
+  const apiiroApi = useApi(apiiroApiRef);
+  const defaultViewChart = apiiroApi.getDefaultAllowMetricsView();
+  const allowViewChart = isApiiroMetricViewAvailable(entity) ?? defaultViewChart;
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "column", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+    /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, children: /* @__PURE__ */ jsx(
+      StatusTile,
+      {
+        repository: repositoryData,
+        allowViewChart
+      }
+    ) }),
+    allowViewChart && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 6, lg: 4, children: /* @__PURE__ */ jsx(MttrVsSLATile, { repoId, entityRef }) }),
+      /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 6, lg: 4, children: /* @__PURE__ */ jsx(RiskOverTimeTile, { repoId, entityRef }) }),
+      /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 6, lg: 4, children: /* @__PURE__ */ jsx(SLAAdherenceTile, { repoId, entityRef }) })
+    ] })
+  ] }) });
+};
+
+export { TabMetricsGroup };
+//# sourceMappingURL=TabMetricsGroup.esm.js.map

package/dist/components/MetricsGroup/TabMetricsGroup.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabMetricsGroup.esm.js","sources":["../../../src/components/MetricsGroup/TabMetricsGroup.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 Grid from '@mui/material/Unstable_Grid2';\nimport { MttrVsSLATile } from '../tiles/MttrVsSLATile';\nimport { SLAAdherenceTile } from '../tiles/SLAAdherenceTile';\nimport { RiskOverTimeTile } from '../tiles/RiskOverTimeTile';\nimport { RepositoryType } from '../../queries';\nimport StatusTile from '../tiles/StatusTile';\nimport type { Entity } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { isApiiroMetricViewAvailable } from '../../utils';\nimport { apiiroApiRef } from '../../api';\n\nexport const TabMetricsGroup = ({\n  repositoryData,\n  entity,\n  repoId,\n  entityRef,\n}: {\n  repositoryData: RepositoryType;\n  entity: Entity;\n  repoId: string;\n  entityRef: string;\n}) => {\n  const apiiroApi = useApi(apiiroApiRef);\n  const defaultViewChart = apiiroApi.getDefaultAllowMetricsView();\n  const allowViewChart =\n    isApiiroMetricViewAvailable(entity) ?? defaultViewChart;\n  return (\n    <Grid container spacing={3} direction=\"column\">\n      <Grid container spacing={3}>\n        <Grid xs={12} sm={12}>\n          <StatusTile\n            repository={repositoryData}\n            allowViewChart={allowViewChart}\n          />\n        </Grid>\n        {allowViewChart && (\n          <>\n            <Grid xs={12} sm={6} lg={4}>\n              <MttrVsSLATile repoId={repoId} entityRef={entityRef} />\n            </Grid>\n            <Grid xs={12} sm={6} lg={4}>\n              <RiskOverTimeTile repoId={repoId} entityRef={entityRef} />\n            </Grid>\n            <Grid xs={12} sm={6} lg={4}>\n              <SLAAdherenceTile repoId={repoId} entityRef={entityRef} />\n            </Grid>\n          </>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA0BO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,cAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAKM;AACJ,EAAA,MAAM,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,gBAAA,GAAmB,UAAU,0BAAA,EAA2B;AAC9D,EAAA,MAAM,cAAA,GACJ,2BAAA,CAA4B,MAAM,CAAA,IAAK,gBAAA;AACzC,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,OAAA,EAAS,CAAA,EAAG,SAAA,EAAU,QAAA,EACpC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EACvB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAChB,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY,cAAA;AAAA,QACZ;AAAA;AAAA,KACF,EACF,CAAA;AAAA,IACC,kCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,CAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAA,EAAgB,SAAA,EAAsB,CAAA,EACvD,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,CAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAA,EAAgB,SAAA,EAAsB,CAAA,EAC1D,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,CAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAA,EAAgB,SAAA,EAAsB,CAAA,EAC1D;AAAA,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/MetricsGroup/WidgetMetricsGroup.esm.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Grid from '@mui/material/Unstable_Grid2';
+import { TopLanguagesTile } from '../tiles/TopLanguagesTile.esm.js';
+import { TopRiskTile } from '../tiles/TopRiskTile.esm.js';
+import { StatusTile } from '../tiles/StatusTile.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { isApiiroMetricViewAvailable } from '../../utils/utils.esm.js';
+import { apiiroApiRef } from '../../api/index.esm.js';
+
+const WidgetMetricsGroup = ({
+  repositoryData,
+  repoId,
+  entityRef,
+  entity
+}) => {
+  const apiiroApi = useApi(apiiroApiRef);
+  const defaultViewChart = apiiroApi.getDefaultAllowMetricsView();
+  const allowViewChart = isApiiroMetricViewAvailable(entity) ?? defaultViewChart;
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "column", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+    /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, children: /* @__PURE__ */ jsx(
+      StatusTile,
+      {
+        repository: repositoryData,
+        detailViewLink: `${repositoryData.entityUrl}/apiiro`,
+        allowViewChart
+      }
+    ) }),
+    allowViewChart && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 6, lg: 6, children: /* @__PURE__ */ jsx(TopLanguagesTile, { data: repositoryData?.languagePercentages }) }),
+      /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 6, lg: 6, children: /* @__PURE__ */ jsx(TopRiskTile, { repoId, entityRef }) })
+    ] })
+  ] }) });
+};
+
+export { WidgetMetricsGroup };
+//# sourceMappingURL=WidgetMetricsGroup.esm.js.map

package/dist/components/MetricsGroup/WidgetMetricsGroup.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetMetricsGroup.esm.js","sources":["../../../src/components/MetricsGroup/WidgetMetricsGroup.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 Grid from '@mui/material/Unstable_Grid2';\nimport { TopLanguagesTile } from '../tiles/TopLanguagesTile';\nimport { TopRiskTile } from '../tiles/TopRiskTile';\nimport StatusTile from '../tiles/StatusTile';\nimport { RepositoryType } from '../../queries';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { isApiiroMetricViewAvailable } from '../../utils';\nimport type { Entity } from '@backstage/catalog-model';\nimport { apiiroApiRef } from '../../api';\n\nexport const WidgetMetricsGroup = ({\n  repositoryData,\n  repoId,\n  entityRef,\n  entity,\n}: {\n  repositoryData: RepositoryType;\n  repoId: string;\n  entityRef: string;\n  entity: Entity;\n}) => {\n  const apiiroApi = useApi(apiiroApiRef);\n  const defaultViewChart = apiiroApi.getDefaultAllowMetricsView();\n  const allowViewChart =\n    isApiiroMetricViewAvailable(entity) ?? defaultViewChart;\n  return (\n    <Grid container spacing={3} direction=\"column\">\n      <Grid container spacing={3}>\n        <Grid xs={12} sm={12}>\n          <StatusTile\n            repository={repositoryData}\n            detailViewLink={`${repositoryData.entityUrl}/apiiro`}\n            allowViewChart={allowViewChart}\n          />\n        </Grid>\n        {allowViewChart && (\n          <>\n            <Grid xs={12} sm={6} lg={6}>\n              <TopLanguagesTile data={repositoryData?.languagePercentages} />\n            </Grid>\n            <Grid xs={12} sm={6} lg={6}>\n              <TopRiskTile repoId={repoId} entityRef={entityRef} />\n            </Grid>\n          </>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAyBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAKM;AACJ,EAAA,MAAM,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,gBAAA,GAAmB,UAAU,0BAAA,EAA2B;AAC9D,EAAA,MAAM,cAAA,GACJ,2BAAA,CAA4B,MAAM,CAAA,IAAK,gBAAA;AACzC,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,OAAA,EAAS,CAAA,EAAG,SAAA,EAAU,QAAA,EACpC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EACvB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAChB,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY,cAAA;AAAA,QACZ,cAAA,EAAgB,CAAA,EAAG,cAAA,CAAe,SAAS,CAAA,OAAA,CAAA;AAAA,QAC3C;AAAA;AAAA,KACF,EACF,CAAA;AAAA,IACC,kCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,CAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAM,cAAA,EAAgB,mBAAA,EAAqB,CAAA,EAC/D,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,CAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAgB,SAAA,EAAsB,CAAA,EACrD;AAAA,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/RepositoryDisplay/RepositoryDisplay.esm.js

@@ -0,0 +1,121 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import Link from '@mui/material/Link';
+import { useTheme } from '@mui/material/styles';
+import { SimpleTooltip } from '../SimpleTooltip.esm.js';
+import { scmProviderIcons } from '../../utils/utils.esm.js';
+import { getBusinessImpactColors } from '../../theme/themeUtils.esm.js';
+
+const getBusinessImpactColor = (impact, theme) => {
+  const impactColors = getBusinessImpactColors(theme);
+  switch (impact.toLowerCase()) {
+    case "high":
+      return impactColors.high;
+    case "medium":
+      return impactColors.medium;
+    case "low":
+      return impactColors.low;
+    default:
+      return impactColors.default;
+  }
+};
+const getScmProvider = (serverUrl, provider) => {
+  if (provider) {
+    return provider;
+  }
+  const url = serverUrl.toLowerCase();
+  if (url.includes("github")) {
+    return "Github";
+  } else if (url.includes("gitlab")) {
+    return "Gitlab";
+  } else if (url.includes("bitbucket")) {
+    return "BitbucketCloud";
+  } else if (url.includes("azure") || url.includes("visualstudio")) {
+    return "AzureDevops";
+  }
+  return "Github";
+};
+const RepositoryDisplay = ({ entity }) => {
+  const theme = useTheme();
+  if (!entity || !entity.details) {
+    return "";
+  }
+  const { details } = entity;
+  const scmProvider = getScmProvider(details.serverUrl, details.provider);
+  const IconComponent = scmProviderIcons[scmProvider];
+  const getTooltipContent = () => /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box, { mb: 1, children: [
+      /* @__PURE__ */ jsx("strong", { children: "Server URL:" }),
+      " ",
+      details.serverUrl
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { mb: 1, children: [
+      /* @__PURE__ */ jsx("strong", { children: "Repository:" }),
+      " ",
+      details.name
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx("strong", { children: "Branch:" }),
+      " ",
+      details.branchName
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 0.5,
+      height: "100%",
+      width: "100%",
+      children: /* @__PURE__ */ jsx(SimpleTooltip, { title: getTooltipContent(), children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 0.5, children: [
+        IconComponent && /* @__PURE__ */ jsx(
+          IconComponent,
+          {
+            style: { fontSize: "1rem", color: theme.palette.text.primary }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: details.profileUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: {
+              color: "inherit",
+              fontSize: "0.875rem",
+              fontWeight: 500,
+              cursor: "pointer",
+              textDecoration: "underline"
+            },
+            children: details.name
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Chip,
+          {
+            label: details.businessImpact,
+            size: "small",
+            variant: "outlined",
+            style: {
+              borderColor: getBusinessImpactColor(
+                details.businessImpact,
+                theme
+              ),
+              color: getBusinessImpactColor(details.businessImpact, theme),
+              backgroundColor: "transparent",
+              fontSize: "0.75rem",
+              height: 20,
+              fontWeight: 500
+            }
+          }
+        )
+      ] }) })
+    }
+  );
+};
+
+export { RepositoryDisplay };
+//# sourceMappingURL=RepositoryDisplay.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepositoryDisplay.esm.js","sources":["../../../src/components/RepositoryDisplay/RepositoryDisplay.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 Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport Link from '@mui/material/Link';\nimport { useTheme, Theme } from '@mui/material/styles';\nimport { SimpleTooltip } from '../SimpleTooltip';\nimport { scmProviderIcons } from '../../utils/utils';\nimport { getBusinessImpactColors } from '../../theme/themeUtils';\n\ninterface Repository {\n  details: {\n    branchName: string;\n    businessImpact: string;\n    isArchived: boolean;\n    key: string;\n    monitoringStatus: {\n      ignoredBy: string | null;\n      ignoredOn: string | null;\n      ignoreReason: string | null;\n      status: string;\n    };\n    name: string;\n    privacySettings: string;\n    profileUrl: string;\n    repositoryGroup: string;\n    repositoryOwners: any[];\n    riskLevel: string;\n    serverUrl: string;\n    url: string;\n    provider?: string; // SCM provider (Github, Gitlab, etc.)\n  };\n  type: string;\n}\n\ninterface RepositoryDisplayProps {\n  entity: Repository;\n}\n\nconst getBusinessImpactColor = (impact: string, theme: Theme): string => {\n  const impactColors = getBusinessImpactColors(theme);\n  switch (impact.toLowerCase()) {\n    case 'high':\n      return impactColors.high;\n    case 'medium':\n      return impactColors.medium;\n    case 'low':\n      return impactColors.low;\n    default:\n      return impactColors.default;\n  }\n};\n\nconst getScmProvider = (serverUrl: string, provider?: string): string => {\n  // If provider is explicitly provided, use it\n  if (provider) {\n    return provider;\n  }\n\n  // Otherwise, determine from serverUrl\n  const url = serverUrl.toLowerCase();\n  if (url.includes('github')) {\n    return 'Github';\n  } else if (url.includes('gitlab')) {\n    return 'Gitlab';\n  } else if (url.includes('bitbucket')) {\n    return 'BitbucketCloud';\n  } else if (url.includes('azure') || url.includes('visualstudio')) {\n    return 'AzureDevops';\n  }\n\n  // Default to Github if unable to determine\n  return 'Github';\n};\n\nexport const RepositoryDisplay = ({ entity }: RepositoryDisplayProps) => {\n  const theme = useTheme();\n\n  if (!entity || !entity.details) {\n    return '';\n  }\n\n  const { details } = entity;\n  const scmProvider = getScmProvider(details.serverUrl, details.provider);\n  const IconComponent = scmProviderIcons[scmProvider];\n\n  const getTooltipContent = () => (\n    <Box>\n      <Box mb={1}>\n        <strong>Server URL:</strong> {details.serverUrl}\n      </Box>\n      <Box mb={1}>\n        <strong>Repository:</strong> {details.name}\n      </Box>\n      <Box>\n        <strong>Branch:</strong> {details.branchName}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <Box\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap={0.5}\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <SimpleTooltip title={getTooltipContent()}>\n        <Box display=\"flex\" alignItems=\"center\" gap={0.5}>\n          {IconComponent && (\n            <IconComponent\n              style={{ fontSize: '1rem', color: theme.palette.text.primary }}\n            />\n          )}\n          <Link\n            href={details.profileUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{\n              color: 'inherit',\n              fontSize: '0.875rem',\n              fontWeight: 500,\n              cursor: 'pointer',\n              textDecoration: 'underline',\n            }}\n          >\n            {details.name}\n          </Link>\n          <Chip\n            label={details.businessImpact}\n            size=\"small\"\n            variant=\"outlined\"\n            style={{\n              borderColor: getBusinessImpactColor(\n                details.businessImpact,\n                theme,\n              ),\n              color: getBusinessImpactColor(details.businessImpact, theme),\n              backgroundColor: 'transparent',\n              fontSize: '0.75rem',\n              height: 20,\n              fontWeight: 500,\n            }}\n          />\n        </Box>\n      </SimpleTooltip>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RiskLevel.esm.js

@@ -0,0 +1,88 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { RiskLevel as RiskLevel$1 } from '../assets/RiskIcon.esm.js';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import { useTheme } from '@mui/material/styles';
+import { getRiskColors } from '../theme/themeUtils.esm.js';
+
+const createRiskColorMappings = (theme) => {
+  const riskColors = getRiskColors(theme);
+  return {
+    Critical: riskColors.critical,
+    High: riskColors.high,
+    Medium: riskColors.medium,
+    Low: riskColors.low,
+    AutoIgnored: riskColors.autoIgnored
+  };
+};
+const RiskLevel = ({
+  level,
+  defaultColor,
+  iconSize = "medium",
+  showLabel = false,
+  sx,
+  iconSx,
+  textSx
+}) => {
+  const theme = useTheme();
+  const themeDefaultColor = defaultColor ?? theme.palette.grey[500];
+  const colorMapping = createRiskColorMappings(theme);
+  const getRiskColor = () => {
+    if (!colorMapping) {
+      return themeDefaultColor;
+    }
+    const mappedColor = colorMapping[level];
+    return mappedColor || themeDefaultColor;
+  };
+  const riskColor = getRiskColor();
+  const iconSizeMap = {
+    small: { width: 16, height: 16 },
+    medium: { width: 20, height: 20 },
+    large: { width: 24, height: 24 }
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: showLabel ? 1 : 0,
+        ...sx
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              color: riskColor,
+              borderRadius: "50%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              ...iconSizeMap[iconSize],
+              ...iconSx
+            },
+            children: level === "AutoIgnored" ? /* @__PURE__ */ jsx(VisibilityOffIcon, { sx: { fontSize: iconSizeMap[iconSize].width } }) : /* @__PURE__ */ jsx(RiskLevel$1, {})
+          }
+        ),
+        showLabel && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body2",
+            sx: {
+              color: riskColor,
+              fontWeight: 500,
+              ...textSx
+            },
+            children: level
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { RiskLevel, createRiskColorMappings, RiskLevel as default };
+//# sourceMappingURL=RiskLevel.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RiskLevel.esm.js","sources":["../../src/components/RiskLevel.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 { RiskLevel as RiskIcon } from '../assets/RiskIcon';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport VisibilityOffIcon from '@mui/icons-material/VisibilityOff';\nimport { SxProps, Theme, useTheme } from '@mui/material/styles';\nimport { getRiskColors } from '../theme/themeUtils';\n\nexport type RiskLevelValue =\n  | 'High'\n  | 'Medium'\n  | 'Low'\n  | 'Critical'\n  | 'AutoIgnored';\n\nexport interface ColorMapping {\n  [key: string]: string;\n}\n\nexport interface RiskLevelProps {\n  /**\n   * The risk level value to display\n   */\n  level: string;\n\n  /**\n   * Default color to use if level is not found in colorMapping\n   */\n  defaultColor?: string;\n\n  /**\n   * Size of the icon\n   */\n  iconSize?: 'small' | 'medium' | 'large';\n\n  /**\n   * Whether to show the text label alongside the icon\n   */\n  showLabel?: boolean;\n\n  /**\n   * Custom styles for the container\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Custom styles for the icon\n   */\n  iconSx?: SxProps<Theme>;\n\n  /**\n   * Custom styles for the text\n   */\n  textSx?: SxProps<Theme>;\n}\n\n/**\n * RiskLevel component that displays a custom RiskIcon with customizable colors\n *\n * @example\n * // Basic usage with color mapping\n * <RiskLevel\n *   level=\"High\"\n * />\n *\n * @example\n * // With label and custom styling\n * <RiskLevel\n *   level=\"Critical\"\n *   showLabel={true}\n *   iconSize=\"large\"\n * />\n */\n\n/**\n * Creates theme-aware risk color mappings.\n * Use this function with useTheme() to get colors that work in both light and dark modes.\n */\nexport const createRiskColorMappings = (theme: Theme): ColorMapping => {\n  const riskColors = getRiskColors(theme);\n\n  return {\n    Critical: riskColors.critical,\n    High: riskColors.high,\n    Medium: riskColors.medium,\n    Low: riskColors.low,\n    AutoIgnored: riskColors.autoIgnored,\n  };\n};\n\nexport const RiskLevel = ({\n  level,\n  defaultColor,\n  iconSize = 'medium',\n  showLabel = false,\n  sx,\n  iconSx,\n  textSx,\n}: RiskLevelProps) => {\n  const theme = useTheme();\n  const themeDefaultColor = defaultColor ?? theme.palette.grey[500];\n  const colorMapping: ColorMapping = createRiskColorMappings(theme);\n  // Determine the color based on mapping\n  const getRiskColor = (): string => {\n    if (!colorMapping) {\n      return themeDefaultColor;\n    }\n\n    const mappedColor = colorMapping[level];\n    return mappedColor || themeDefaultColor;\n  };\n\n  const riskColor = getRiskColor();\n\n  // Icon size mapping for custom SVG\n  const iconSizeMap = {\n    small: { width: 16, height: 16 },\n    medium: { width: 20, height: 20 },\n    large: { width: 24, height: 24 },\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: showLabel ? 1 : 0,\n        ...sx,\n      }}\n    >\n      <Box\n        sx={{\n          color: riskColor,\n          borderRadius: '50%',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          ...iconSizeMap[iconSize],\n          ...iconSx,\n        }}\n      >\n        {level === 'AutoIgnored' ? (\n          <VisibilityOffIcon sx={{ fontSize: iconSizeMap[iconSize].width }} />\n        ) : (\n          <RiskIcon />\n        )}\n      </Box>\n      {showLabel && (\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: riskColor,\n            fontWeight: 500,\n            ...textSx,\n          }}\n        >\n          {level}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n\nexport default RiskLevel;\n"],"names":["RiskIcon"],"mappings":";;;;;;;;AA4FO,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAA+B;AACrE,EAAA,MAAM,UAAA,GAAa,cAAc,KAAK,CAAA;AAEtC,EAAA,OAAO;AAAA,IACL,UAAU,UAAA,CAAW,QAAA;AAAA,IACrB,MAAM,UAAA,CAAW,IAAA;AAAA,IACjB,QAAQ,UAAA,CAAW,MAAA;AAAA,IACnB,KAAK,UAAA,CAAW,GAAA;AAAA,IAChB,aAAa,UAAA,CAAW;AAAA,GAC1B;AACF;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA,GAAW,QAAA;AAAA,EACX,SAAA,GAAY,KAAA;AAAA,EACZ,EAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAAsB;AACpB,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,iBAAA,GAAoB,YAAA,IAAgB,KAAA,CAAM,OAAA,CAAQ,KAAK,GAAG,CAAA;AAChE,EAAA,MAAM,YAAA,GAA6B,wBAAwB,KAAK,CAAA;AAEhE,EAAA,MAAM,eAAe,MAAc;AACjC,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,OAAO,iBAAA;AAAA,IACT;AAEA,IAAA,MAAM,WAAA,GAAc,aAAa,KAAK,CAAA;AACtC,IAAA,OAAO,WAAA,IAAe,iBAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,YAAY,YAAA,EAAa;AAG/B,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAG;AAAA,IAC/B,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAG;AAAA,IAChC,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA;AAAG,GACjC;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,GAAA,EAAK,YAAY,CAAA,GAAI,CAAA;AAAA,QACrB,GAAG;AAAA,OACL;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI;AAAA,cACF,KAAA,EAAO,SAAA;AAAA,cACP,YAAA,EAAc,KAAA;AAAA,cACd,OAAA,EAAS,MAAA;AAAA,cACT,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,GAAG,YAAY,QAAQ,CAAA;AAAA,cACvB,GAAG;AAAA,aACL;AAAA,YAEC,QAAA,EAAA,KAAA,KAAU,aAAA,mBACT,GAAA,CAAC,iBAAA,EAAA,EAAkB,IAAI,EAAE,QAAA,EAAU,WAAA,CAAY,QAAQ,CAAA,CAAE,KAAA,EAAM,EAAG,CAAA,uBAEjEA,WAAA,EAAA,EAAS;AAAA;AAAA,SAEd;AAAA,QACC,SAAA,oBACC,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,EAAA,EAAI;AAAA,cACF,KAAA,EAAO,SAAA;AAAA,cACP,UAAA,EAAY,GAAA;AAAA,cACZ,GAAG;AAAA,aACL;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/components/RiskStatus.esm.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import { useTheme } from '@mui/material/styles';
+import { getRiskStatusColors } from '../theme/themeUtils.esm.js';
+
+const createRiskStatusColorMapping = (theme) => {
+  const statusColors = getRiskStatusColors(theme);
+  return {
+    Open: statusColors.open,
+    Accepted: statusColors.accepted,
+    Ignored: statusColors.ignored
+  };
+};
+const RiskStatus = ({
+  status,
+  showLabel = true,
+  iconSize = "medium"
+}) => {
+  const theme = useTheme();
+  const themeAwareColors = createRiskStatusColorMapping(theme);
+  const color = themeAwareColors[status] || theme.palette.grey[400];
+  const sizeMap = {
+    small: "8px",
+    medium: "10px",
+    large: "12px"
+  };
+  const iconDimensions = sizeMap[iconSize];
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center" }, children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          width: iconDimensions,
+          height: iconDimensions,
+          borderRadius: "50%",
+          backgroundColor: color,
+          marginRight: showLabel ? "8px" : "0"
+        }
+      }
+    ),
+    showLabel && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        sx: {
+          fontSize: "inherit",
+          fontWeight: "inherit",
+          color: "inherit"
+        },
+        children: status
+      }
+    )
+  ] });
+};
+
+export { RiskStatus, createRiskStatusColorMapping };
+//# sourceMappingURL=RiskStatus.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RiskStatus.esm.js","sources":["../../src/components/RiskStatus.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 Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { useTheme, Theme } from '@mui/material/styles';\nimport { getRiskStatusColors } from '../theme/themeUtils';\n\n/**\n * Creates theme-aware risk status color mappings.\n * Use this function with useTheme() to get colors that work in both light and dark modes.\n */\nexport const createRiskStatusColorMapping = (theme: Theme) => {\n  const statusColors = getRiskStatusColors(theme);\n  return {\n    Open: statusColors.open,\n    Accepted: statusColors.accepted,\n    Ignored: statusColors.ignored,\n  };\n};\n\ninterface RiskStatusProps {\n  /**\n   * The status level to display\n   */\n  status: string;\n\n  /**\n   * Show the status label next to the icon\n   */\n  showLabel?: boolean;\n\n  /**\n   * The size of the icon\n   */\n  iconSize?: 'small' | 'medium' | 'large';\n}\n\n/**\n * A component to display a risk status with a colored dot.\n */\nexport const RiskStatus = ({\n  status,\n  showLabel = true,\n  iconSize = 'medium',\n}: RiskStatusProps) => {\n  const theme = useTheme();\n  const themeAwareColors = createRiskStatusColorMapping(theme);\n  const color =\n    themeAwareColors[status as keyof typeof themeAwareColors] ||\n    theme.palette.grey[400];\n\n  const sizeMap = {\n    small: '8px',\n    medium: '10px',\n    large: '12px',\n  };\n  const iconDimensions = sizeMap[iconSize];\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Box\n        sx={{\n          width: iconDimensions,\n          height: iconDimensions,\n          borderRadius: '50%',\n          backgroundColor: color,\n          marginRight: showLabel ? '8px' : '0',\n        }}\n      />\n      {showLabel && (\n        <Typography\n          variant=\"body2\"\n          sx={{\n            fontSize: 'inherit',\n            fontWeight: 'inherit',\n            color: 'inherit',\n          }}\n        >\n          {status}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAwBO,MAAM,4BAAA,GAA+B,CAAC,KAAA,KAAiB;AAC5D,EAAA,MAAM,YAAA,GAAe,oBAAoB,KAAK,CAAA;AAC9C,EAAA,OAAO;AAAA,IACL,MAAM,YAAA,CAAa,IAAA;AAAA,IACnB,UAAU,YAAA,CAAa,QAAA;AAAA,IACvB,SAAS,YAAA,CAAa;AAAA,GACxB;AACF;AAsBO,MAAM,aAAa,CAAC;AAAA,EACzB,MAAA;AAAA,EACA,SAAA,GAAY,IAAA;AAAA,EACZ,QAAA,GAAW;AACb,CAAA,KAAuB;AACrB,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,gBAAA,GAAmB,6BAA6B,KAAK,CAAA;AAC3D,EAAA,MAAM,QACJ,gBAAA,CAAiB,MAAuC,KACxD,KAAA,CAAM,OAAA,CAAQ,KAAK,GAAG,CAAA;AAExB,EAAA,MAAM,OAAA,GAAU;AAAA,IACd,KAAA,EAAO,KAAA;AAAA,IACP,MAAA,EAAQ,MAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AACA,EAAA,MAAM,cAAA,GAAiB,QAAQ,QAAQ,CAAA;AAEvC,EAAA,uBACE,IAAA,CAAC,OAAI,EAAA,EAAI,EAAE,SAAS,MAAA,EAAQ,UAAA,EAAY,UAAS,EAC/C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI;AAAA,UACF,KAAA,EAAO,cAAA;AAAA,UACP,MAAA,EAAQ,cAAA;AAAA,UACR,YAAA,EAAc,KAAA;AAAA,UACd,eAAA,EAAiB,KAAA;AAAA,UACjB,WAAA,EAAa,YAAY,KAAA,GAAQ;AAAA;AACnC;AAAA,KACF;AAAA,IACC,SAAA,oBACC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,EAAA,EAAI;AAAA,UACF,QAAA,EAAU,SAAA;AAAA,UACV,UAAA,EAAY,SAAA;AAAA,UACZ,KAAA,EAAO;AAAA,SACT;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/SimpleTooltip.esm.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { CustomTooltip } from './common/CustomTooltip.esm.js';
+
+const SimpleTooltip = ({
+  children,
+  title,
+  placement = "top",
+  tooltipProps,
+  centered = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    CustomTooltip,
+    {
+      title,
+      placement,
+      centered,
+      ...tooltipProps,
+      children
+    }
+  );
+};
+
+export { SimpleTooltip, SimpleTooltip as default };
+//# sourceMappingURL=SimpleTooltip.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTooltip.esm.js","sources":["../../src/components/SimpleTooltip.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 { CustomTooltip } from './common/CustomTooltip';\n\ninterface SimpleTooltipProps {\n  /**\n   * The content to display inside the tooltip trigger\n   */\n  children: JSX.Element | string | number;\n\n  /**\n   * The tooltip content to display - can be string or JSX\n   */\n  title: string | JSX.Element;\n\n  /**\n   * Tooltip placement\n   */\n  placement?: 'top' | 'bottom' | 'left' | 'right';\n\n  /**\n   * Custom tooltip props to override defaults\n   */\n  tooltipProps?: any;\n\n  /**\n   * If true, the content will be centered horizontally and vertically.\n   */\n  centered?: boolean;\n}\n\n/**\n * SimpleTooltip component - A reusable tooltip wrapper without centering\n *\n * @example\n * <SimpleTooltip title=\"Repository information\">\n *   <span>My Repository</span>\n * </SimpleTooltip>\n *\n * @example\n * <SimpleTooltip title=\"Custom tooltip\">\n *   <div>Custom content</div>\n * </SimpleTooltip>\n *\n * @example\n * <SimpleTooltip title={<div><a href=\"...\">Link</a><br/>More content</div>}>\n *   <span>Hover me</span>\n * </SimpleTooltip>\n */\nexport const SimpleTooltip = ({\n  children,\n  title,\n  placement = 'top',\n  tooltipProps,\n  centered = false,\n}: SimpleTooltipProps) => {\n  // CustomTooltip doesn't support offset or PopperProps, but we keep the API for compatibility\n  return (\n    <CustomTooltip\n      title={title}\n      placement={placement}\n      centered={centered}\n      // Spread any additional props that CustomTooltip supports (enterDelay, leaveDelay, disableInteractive)\n      {...tooltipProps}\n    >\n      {children}\n    </CustomTooltip>\n  );\n};\n\nexport default SimpleTooltip;\n"],"names":[],"mappings":";;;AA8DO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,YAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,KAA0B;AAExB,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MAEC,GAAG,YAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/SourcesDisplay.esm.js

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import { ChipsList } from './ChipsList.esm.js';
+
+const SourcesDisplay = ({
+  sources,
+  maxVisible = 1,
+  size = "small",
+  variant = "outlined",
+  gap = 0.5
+}) => {
+  if (!sources || sources.length === 0) {
+    return "";
+  }
+  const sourceItems = sources.map((source) => ({
+    id: source.name,
+    label: source.name,
+    href: source?.url,
+    target: source?.url ? "_blank" : void 0,
+    rel: source?.url ? "noopener noreferrer" : void 0
+  }));
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ jsx(
+        ChipsList,
+        {
+          items: sourceItems,
+          maxVisible,
+          size,
+          variant,
+          gap
+        }
+      )
+    }
+  );
+};
+
+export { SourcesDisplay, SourcesDisplay as default };
+//# sourceMappingURL=SourcesDisplay.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SourcesDisplay.esm.js","sources":["../../src/components/SourcesDisplay.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 Box from '@mui/material/Box';\nimport { ChipsList } from './ChipsList';\n\ninterface Source {\n  name: string;\n  vendor?: string;\n  type?: string;\n  url?: string;\n}\n\ninterface SourcesDisplayProps {\n  /**\n   * Array of source objects\n   */\n  sources: Source[];\n\n  /**\n   * Maximum number of sources to show before displaying +N\n   */\n  maxVisible?: number;\n\n  /**\n   * Size of the source chips\n   */\n  size?: 'small' | 'medium';\n\n  /**\n   * Variant of the source chips\n   */\n  variant?: 'filled' | 'outlined';\n\n  /**\n   * Gap between chips\n   */\n  gap?: number;\n}\n\n/**\n * SourcesDisplay component that renders source names as clickable chips\n * Shows a limited number of sources with overflow handling (+N indicator)\n *\n * @example\n * <SourcesDisplay\n *   sources={[\n *     { name: 'GitLab Dependency Scanning', url: 'https://example.com' },\n *     { name: 'Snyk Code Analysis' }\n *   ]}\n *   maxVisible={1}\n * />\n */\nexport const SourcesDisplay = ({\n  sources,\n  maxVisible = 1,\n  size = 'small',\n  variant = 'outlined',\n  gap = 0.5,\n}: SourcesDisplayProps) => {\n  if (!sources || sources.length === 0) {\n    return '';\n  }\n\n  const sourceItems = sources.map(source => ({\n    id: source.name,\n    label: source.name,\n    href: source?.url,\n    target: source?.url ? '_blank' : undefined,\n    rel: source?.url ? 'noopener noreferrer' : undefined,\n  }));\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n      }}\n    >\n      <ChipsList\n        items={sourceItems}\n        maxVisible={maxVisible}\n        size={size}\n        variant={variant}\n        gap={gap}\n      />\n    </Box>\n  );\n};\n\nexport default SourcesDisplay;\n"],"names":[],"mappings":";;;;AAiEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,OAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,IAAA,GAAO,OAAA;AAAA,EACP,OAAA,GAAU,UAAA;AAAA,EACV,GAAA,GAAM;AACR,CAAA,KAA2B;AACzB,EAAA,IAAI,CAAC,OAAA,IAAW,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG;AACpC,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,MAAW;AAAA,IACzC,IAAI,MAAA,CAAO,IAAA;AAAA,IACX,OAAO,MAAA,CAAO,IAAA;AAAA,IACd,MAAM,MAAA,EAAQ,GAAA;AAAA,IACd,MAAA,EAAQ,MAAA,EAAQ,GAAA,GAAM,QAAA,GAAW,MAAA;AAAA,IACjC,GAAA,EAAK,MAAA,EAAQ,GAAA,GAAM,qBAAA,GAAwB;AAAA,GAC7C,CAAE,CAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,cAAA,EAAgB,QAAA;AAAA,QAChB,UAAA,EAAY,QAAA;AAAA,QACZ,KAAA,EAAO,MAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACV;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,WAAA;AAAA,UACP,UAAA;AAAA,UACA,IAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/TagsList/TagsList.esm.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import { ChipsList } from '../ChipsList.esm.js';
+
+const formatLabel = (tag) => `${tag.name} : ${tag.value}`;
+const TagsList = ({ tags, maxVisible = 1 }) => {
+  if (!tags || tags.length === 0) {
+    return "";
+  }
+  const items = tags.map((tag, index) => ({
+    id: `${tag.name}-${tag.value}-${index}`,
+    label: formatLabel(tag),
+    tooltip: formatLabel(tag)
+  }));
+  return /* @__PURE__ */ jsx(
+    ChipsList,
+    {
+      items,
+      maxVisible,
+      gap: 0,
+      size: "small",
+      variant: "outlined",
+      chipSx: {
+        maxWidth: "200px",
+        "& .MuiChip-label": {
+          maxWidth: "180px",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        }
+      },
+      renderOverflowContent: (hiddenItems) => /* @__PURE__ */ jsx(Box, { display: "flex", flexDirection: "column", gap: 0.5, children: hiddenItems.map((item) => /* @__PURE__ */ jsx(Typography, { variant: "body2", children: item.label }, item.id)) })
+    }
+  );
+};
+
+export { TagsList };
+//# sourceMappingURL=TagsList.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsList.esm.js","sources":["../../../src/components/TagsList/TagsList.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 Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { ChipsList } from '../ChipsList';\n\ninterface TagItem {\n  name: string;\n  value: string;\n  tagSource?: string;\n}\n\ninterface TagsListProps {\n  tags: TagItem[];\n  maxVisible?: number;\n}\n\nconst formatLabel = (tag: TagItem) => `${tag.name} : ${tag.value}`;\n\nexport const TagsList = ({ tags, maxVisible = 1 }: TagsListProps) => {\n  if (!tags || tags.length === 0) {\n    return '';\n  }\n\n  const items = tags.map((tag, index) => ({\n    id: `${tag.name}-${tag.value}-${index}`,\n    label: formatLabel(tag),\n    tooltip: formatLabel(tag),\n  }));\n\n  return (\n    <ChipsList\n      items={items}\n      maxVisible={maxVisible}\n      gap={0}\n      size=\"small\"\n      variant=\"outlined\"\n      chipSx={{\n        maxWidth: '200px',\n        '& .MuiChip-label': {\n          maxWidth: '180px',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        },\n      }}\n      renderOverflowContent={hiddenItems => (\n        <Box display=\"flex\" flexDirection=\"column\" gap={0.5}>\n          {hiddenItems.map(item => (\n            <Typography key={item.id} variant=\"body2\">\n              {item.label}\n            </Typography>\n          ))}\n        </Box>\n      )}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,WAAA,GAAc,CAAC,GAAA,KAAiB,CAAA,EAAG,IAAI,IAAI,CAAA,GAAA,EAAM,IAAI,KAAK,CAAA,CAAA;AAEzD,MAAM,WAAW,CAAC,EAAE,IAAA,EAAM,UAAA,GAAa,GAAE,KAAqB;AACnE,EAAA,IAAI,CAAC,IAAA,IAAQ,IAAA,CAAK,MAAA,KAAW,CAAA,EAAG;AAC9B,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,CAAC,KAAK,KAAA,MAAW;AAAA,IACtC,EAAA,EAAI,GAAG,GAAA,CAAI,IAAI,IAAI,GAAA,CAAI,KAAK,IAAI,KAAK,CAAA,CAAA;AAAA,IACrC,KAAA,EAAO,YAAY,GAAG,CAAA;AAAA,IACtB,OAAA,EAAS,YAAY,GAAG;AAAA,GAC1B,CAAE,CAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAA,EAAK,CAAA;AAAA,MACL,IAAA,EAAK,OAAA;AAAA,MACL,OAAA,EAAQ,UAAA;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU,OAAA;AAAA,QACV,kBAAA,EAAoB;AAAA,UAClB,QAAA,EAAU,OAAA;AAAA,UACV,QAAA,EAAU,QAAA;AAAA,UACV,YAAA,EAAc;AAAA;AAChB,OACF;AAAA,MACA,qBAAA,EAAuB,iCACrB,GAAA,CAAC,GAAA,EAAA,EAAI,SAAQ,MAAA,EAAO,aAAA,EAAc,QAAA,EAAS,GAAA,EAAK,GAAA,EAC7C,QAAA,EAAA,WAAA,CAAY,IAAI,CAAA,IAAA,qBACf,GAAA,CAAC,cAAyB,OAAA,EAAQ,OAAA,EAC/B,eAAK,KAAA,EAAA,EADS,IAAA,CAAK,EAEtB,CACD,CAAA,EACH;AAAA;AAAA,GAEJ;AAEJ;;;;"}