@backstage-community/plugin-tekton 3.23.0 → 3.25.1

package/dist/components/PipelineRunList/PipelineRunRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunRow.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport {\n  Box,\n  Collapse,\n  IconButton,\n  makeStyles,\n  TableCell,\n  TableRow,\n  Theme,\n} from '@material-ui/core';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowRightIcon from '@material-ui/icons/KeyboardArrowRight';\nimport { Timestamp, Tooltip } from '@patternfly/react-core';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { TEKTON_SIGNED_ANNOTATION } from '../../consts/tekton-const';\nimport { OpenRowStatus, tektonGroupColor } from '../../types/types';\nimport { pipelineRunDuration } from '../../utils/tekton-utils';\nimport { PipelineRunVisualization } from '../pipeline-topology';\nimport PipelineRunRowActions from './PipelineRunRowActions';\nimport PipelineRunTaskStatus from './PipelineRunTaskStatus';\nimport PipelineRunVulnerabilities from './PipelineRunVulnerabilities';\nimport PlrStatus from './PlrStatus';\nimport ResourceBadge from './ResourceBadge';\n\nimport './PipelineRunRow.css';\n\nimport classNames from 'classnames';\n\nimport SignedBadgeIcon from '../Icons/SignedBadge';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  plrRow: {\n    '&:nth-of-type(odd)': {\n      backgroundColor: `${theme.palette.background.paper}`,\n    },\n  },\n  plrVisRow: {\n    borderBottom: `1px solid ${theme.palette.grey.A100}`,\n  },\n  signedIndicator: {\n    display: 'inline-block',\n    width: theme.spacing(2.5),\n    position: 'relative',\n    top: theme.spacing(0.5),\n  },\n}));\n\ntype PipelineRunRowProps = {\n  row: PipelineRunKind;\n  startTime: string;\n  isExpanded?: boolean;\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<OpenRowStatus>>;\n};\n\ntype PipelineRunNameProps = { row: PipelineRunKind };\n\nconst PipelineRunName = ({ row }: PipelineRunNameProps) => {\n  const classes = useStyles();\n  const name = row.metadata?.name;\n  const signed =\n    row?.metadata?.annotations?.[TEKTON_SIGNED_ANNOTATION] === 'true';\n\n  return (\n    <div>\n      {name ? (\n        <ResourceBadge\n          color={tektonGroupColor}\n          abbr=\"PLR\"\n          name={name || ''}\n          suffix={\n            signed ? (\n              <Tooltip content=\"Signed\">\n                <div\n                  className={classNames(\n                    classes.signedIndicator,\n                    'signed-indicator',\n                  )}\n                >\n                  <SignedBadgeIcon />\n                </div>\n              </Tooltip>\n            ) : null\n          }\n        />\n      ) : (\n        '-'\n      )}\n    </div>\n  );\n};\n\nexport const PipelineRunRow = ({\n  row,\n  startTime,\n  isExpanded = false,\n  open,\n  setOpen,\n}: PipelineRunRowProps) => {\n  const classes = useStyles();\n  const uid = row.metadata?.uid;\n\n  React.useEffect(() => {\n    return setOpen((val: OpenRowStatus) => {\n      return {\n        ...val,\n        ...(uid && { [uid]: isExpanded }),\n      };\n    });\n  }, [isExpanded, uid, setOpen]);\n\n  const expandCollapseClickHandler = () => {\n    setOpen((val: OpenRowStatus) => {\n      return {\n        ...val,\n        ...(uid && {\n          [uid]: !val[uid],\n        }),\n      };\n    });\n  };\n\n  return (\n    <React.Fragment key={uid}>\n      <TableRow className={classes.plrRow}>\n        <TableCell>\n          <IconButton\n            aria-label=\"expand row\"\n            size=\"small\"\n            onClick={expandCollapseClickHandler}\n          >\n            {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}\n          </IconButton>\n        </TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunName row={row} />\n        </TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunVulnerabilities pipelineRun={row} condensed />\n        </TableCell>\n        <TableCell align=\"left\">\n          <PlrStatus obj={row} />\n        </TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunTaskStatus pipelineRun={row} />\n        </TableCell>\n        <TableCell align=\"left\">\n          {startTime ? (\n            <Timestamp\n              className=\"bs-tkn-timestamp\"\n              date={new Date(startTime)}\n            />\n          ) : (\n            '-'\n          )}\n        </TableCell>\n        <TableCell align=\"left\">{pipelineRunDuration(row)}</TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunRowActions pipelineRun={row} />\n        </TableCell>\n      </TableRow>\n      <TableRow className={classes.plrVisRow}>\n        <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={8}>\n          <Collapse in={open} timeout=\"auto\" unmountOnExit>\n            <Box marginTop={1} marginBottom={1}>\n              <PipelineRunVisualization pipelineRunName={row.metadata?.name} />\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </React.Fragment>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PipelineRunRow.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { SetStateAction, Dispatch } from 'react';\n\nimport { useEffect, Fragment } from 'react';\n\nimport {\n  Box,\n  Collapse,\n  IconButton,\n  makeStyles,\n  TableCell,\n  TableRow,\n  Theme,\n} from '@material-ui/core';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowRightIcon from '@material-ui/icons/KeyboardArrowRight';\nimport { Timestamp, Tooltip } from '@patternfly/react-core';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { TEKTON_SIGNED_ANNOTATION } from '../../consts/tekton-const';\nimport { OpenRowStatus, tektonGroupColor } from '../../types/types';\nimport { pipelineRunDuration } from '../../utils/tekton-utils';\nimport { PipelineRunVisualization } from '../pipeline-topology';\nimport PipelineRunRowActions from './PipelineRunRowActions';\nimport PipelineRunTaskStatus from './PipelineRunTaskStatus';\nimport PipelineRunVulnerabilities from './PipelineRunVulnerabilities';\nimport PlrStatus from './PlrStatus';\nimport ResourceBadge from './ResourceBadge';\n\nimport './PipelineRunRow.css';\n\nimport classNames from 'classnames';\n\nimport SignedBadgeIcon from '../Icons/SignedBadge';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  plrRow: {\n    '&:nth-of-type(odd)': {\n      backgroundColor: `${theme.palette.background.paper}`,\n    },\n  },\n  plrVisRow: {\n    borderBottom: `1px solid ${theme.palette.grey.A100}`,\n  },\n  signedIndicator: {\n    display: 'inline-block',\n    width: theme.spacing(2.5),\n    position: 'relative',\n    top: theme.spacing(0.5),\n  },\n}));\n\ntype PipelineRunRowProps = {\n  row: PipelineRunKind;\n  startTime: string;\n  isExpanded?: boolean;\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<OpenRowStatus>>;\n};\n\ntype PipelineRunNameProps = { row: PipelineRunKind };\n\nconst PipelineRunName = ({ row }: PipelineRunNameProps) => {\n  const classes = useStyles();\n  const name = row.metadata?.name;\n  const signed =\n    row?.metadata?.annotations?.[TEKTON_SIGNED_ANNOTATION] === 'true';\n\n  return (\n    <div>\n      {name ? (\n        <ResourceBadge\n          color={tektonGroupColor}\n          abbr=\"PLR\"\n          name={name || ''}\n          suffix={\n            signed ? (\n              <Tooltip content=\"Signed\">\n                <div\n                  className={classNames(\n                    classes.signedIndicator,\n                    'signed-indicator',\n                  )}\n                >\n                  <SignedBadgeIcon />\n                </div>\n              </Tooltip>\n            ) : null\n          }\n        />\n      ) : (\n        '-'\n      )}\n    </div>\n  );\n};\n\nexport const PipelineRunRow = ({\n  row,\n  startTime,\n  isExpanded = false,\n  open,\n  setOpen,\n}: PipelineRunRowProps) => {\n  const classes = useStyles();\n  const uid = row.metadata?.uid;\n\n  useEffect(() => {\n    return setOpen((val: OpenRowStatus) => {\n      return {\n        ...val,\n        ...(uid && { [uid]: isExpanded }),\n      };\n    });\n  }, [isExpanded, uid, setOpen]);\n\n  const expandCollapseClickHandler = () => {\n    setOpen((val: OpenRowStatus) => {\n      return {\n        ...val,\n        ...(uid && {\n          [uid]: !val[uid],\n        }),\n      };\n    });\n  };\n\n  return (\n    <Fragment key={uid}>\n      <TableRow className={classes.plrRow}>\n        <TableCell>\n          <IconButton\n            aria-label=\"expand row\"\n            size=\"small\"\n            onClick={expandCollapseClickHandler}\n          >\n            {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}\n          </IconButton>\n        </TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunName row={row} />\n        </TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunVulnerabilities pipelineRun={row} condensed />\n        </TableCell>\n        <TableCell align=\"left\">\n          <PlrStatus obj={row} />\n        </TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunTaskStatus pipelineRun={row} />\n        </TableCell>\n        <TableCell align=\"left\">\n          {startTime ? (\n            <Timestamp\n              className=\"bs-tkn-timestamp\"\n              date={new Date(startTime)}\n            />\n          ) : (\n            '-'\n          )}\n        </TableCell>\n        <TableCell align=\"left\">{pipelineRunDuration(row)}</TableCell>\n        <TableCell align=\"left\">\n          <PipelineRunRowActions pipelineRun={row} />\n        </TableCell>\n      </TableRow>\n      <TableRow className={classes.plrVisRow}>\n        <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={8}>\n          <Collapse in={open} timeout=\"auto\" unmountOnExit>\n            <Box marginTop={1} marginBottom={1}>\n              <PipelineRunVisualization pipelineRunName={row.metadata?.name} />\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PipelineRunList/PipelineRunRowActions.esm.js

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { memo, useContext, useState } from 'react';
 import { kubernetesProxyPermission } from '@backstage/plugin-kubernetes-common';
 import { usePermission } from '@backstage/plugin-permission-react';
 import { IconButton } from '@material-ui/core';
@@ -12,13 +13,16 @@ import ViewLogsIcon from '../Icons/ViewLogsIcon.esm.js';
 import PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog.esm.js';
 import PipelineRunOutputDialog from '../PipelineRunOutput/PipelineRunOutputDialog.esm.js';
 import PipelineRunSBOMLink from './PipelineRunSBOMLink.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const PipelineRunRowActions = ({
   pipelineRun
 }) => {
-  const { watchResourcesData } = React.useContext(TektonResourcesContext);
-  const [open, setOpen] = React.useState(false);
-  const [openOutput, setOpenOutput] = React.useState(false);
+  const { watchResourcesData } = useContext(TektonResourcesContext);
+  const [open, setOpen] = useState(false);
+  const { t } = useTranslationRef(tektonTranslationRef);
+  const [openOutput, setOpenOutput] = useState(false);
   const pods = watchResourcesData?.pods?.data || [];
   const taskRuns = watchResourcesData?.taskruns?.data || [];
   const { sbomTaskRun } = getTaskrunsOutputGroup(
@@ -26,7 +30,7 @@ const PipelineRunRowActions = ({
     taskRuns
   );
   const activeTaskName = sbomTaskRun?.metadata?.name;
-  const [forSBOM, toggleForSBOM] = React.useState(false);
+  const [forSBOM, toggleForSBOM] = useState(false);
   const hasKubernetesProxyAccess = usePermission({
     permission: kubernetesProxyPermission
   });
@@ -61,80 +65,88 @@ const PipelineRunRowActions = ({
   );
   const results = pipelineRun?.status?.pipelineResults || pipelineRun?.status?.results || [];
   const disabled = results.length === 0 ? finishedTaskruns.length === 0 : results.length === 0;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    PipelineRunLogDialog,
-    {
-      pipelineRun,
-      open,
-      closeDialog,
-      pods,
-      taskRuns,
-      activeTask: activeTaskName,
-      forSBOM
-    }
-  ), /* @__PURE__ */ React.createElement(
-    PipelineRunOutputDialog,
-    {
-      pipelineRun,
-      taskRuns,
-      open: openOutput,
-      closeDialog: () => {
-        setOpenOutput(false);
-      }
-    }
-  ), /* @__PURE__ */ React.createElement(Flex, { gap: { default: "gapXs" } }, /* @__PURE__ */ React.createElement(FlexItem, null, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      content: hasKubernetesProxyAccess.allowed ? "View logs" : "Unauthorized to view logs"
-    },
-    /* @__PURE__ */ React.createElement(
-      IconButton,
-      {
-        size: "small",
-        "data-testid": "view-logs-icon",
-        onClick: () => openDialog({ forSBOM: false }),
-        disabled: !hasKubernetesProxyAccess.allowed,
-        style: { pointerEvents: "auto", padding: 0 }
-      },
-      /* @__PURE__ */ React.createElement(ViewLogsIcon, { disabled: !hasKubernetesProxyAccess.allowed })
-    )
-  )), /* @__PURE__ */ React.createElement(FlexItem, { align: { default: "alignLeft" } }, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      content: !sbomTaskRun ? "View SBOM is not applicable for this PipelineRun" : "View SBOM"
-    },
-    /* @__PURE__ */ React.createElement(
-      IconButton,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PipelineRunLogDialog,
       {
-        "data-testid": "view-sbom-icon",
-        disabled: !sbomTaskRun || !isSbomTaskRun(sbomTaskRun),
-        size: "small",
-        onClick: !hasExternalLink(sbomTaskRun) ? () => {
-          openDialog({ forSBOM: true });
-        } : void 0,
-        style: { pointerEvents: "auto", padding: 0 }
-      },
-      /* @__PURE__ */ React.createElement(PipelineRunSBOMLink, { sbomTaskRun })
-    )
-  )), /* @__PURE__ */ React.createElement(FlexItem, { align: { default: "alignLeft" } }, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      content: disabled ? "View Output is not applicable for this PipelineRun" : "View Output"
-    },
-    /* @__PURE__ */ React.createElement(
-      IconButton,
+        pipelineRun,
+        open,
+        closeDialog,
+        pods,
+        taskRuns,
+        activeTask: activeTaskName,
+        forSBOM
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PipelineRunOutputDialog,
       {
-        "data-testid": "view-output-icon",
-        disabled,
-        size: "small",
-        onClick: () => openOutputDialog(),
-        style: { pointerEvents: "auto", padding: 0 }
-      },
-      /* @__PURE__ */ React.createElement(OutputIcon, { disabled })
-    )
-  ))));
+        pipelineRun,
+        taskRuns,
+        open: openOutput,
+        closeDialog: () => {
+          setOpenOutput(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { gap: { default: "gapXs" }, children: [
+      /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: hasKubernetesProxyAccess.allowed ? t("pipelineRunList.rowActions.viewLogs") : t("pipelineRunList.rowActions.unauthorizedViewLogs"),
+          children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              "data-testid": "view-logs-icon",
+              onClick: () => openDialog({ forSBOM: false }),
+              disabled: !hasKubernetesProxyAccess.allowed,
+              style: { pointerEvents: "auto", padding: 0 },
+              children: /* @__PURE__ */ jsx(ViewLogsIcon, { disabled: !hasKubernetesProxyAccess.allowed })
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx(FlexItem, { align: { default: "alignLeft" }, children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: !sbomTaskRun ? t("pipelineRunList.rowActions.SBOMNotApplicable") : t("pipelineRunList.rowActions.viewSBOM"),
+          children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "data-testid": "view-sbom-icon",
+              disabled: !sbomTaskRun || !isSbomTaskRun(sbomTaskRun),
+              size: "small",
+              onClick: !hasExternalLink(sbomTaskRun) ? () => {
+                openDialog({ forSBOM: true });
+              } : void 0,
+              style: { pointerEvents: "auto", padding: 0 },
+              children: /* @__PURE__ */ jsx(PipelineRunSBOMLink, { sbomTaskRun })
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx(FlexItem, { align: { default: "alignLeft" }, children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: disabled ? t("pipelineRunList.rowActions.outputNotApplicable") : t("pipelineRunList.rowActions.viewOutput"),
+          children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "data-testid": "view-output-icon",
+              disabled,
+              size: "small",
+              onClick: () => openOutputDialog(),
+              style: { pointerEvents: "auto", padding: 0 },
+              children: /* @__PURE__ */ jsx(OutputIcon, { disabled })
+            }
+          )
+        }
+      ) })
+    ] })
+  ] });
 };
-var PipelineRunRowActions$1 = React.memo(PipelineRunRowActions);
+var PipelineRunRowActions$1 = memo(PipelineRunRowActions);
 
 export { PipelineRunRowActions$1 as default };
 //# sourceMappingURL=PipelineRunRowActions.esm.js.map

package/dist/components/PipelineRunList/PipelineRunRowActions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunRowActions.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunRowActions.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport * as React from 'react';\n\nimport { kubernetesProxyPermission } from '@backstage/plugin-kubernetes-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport { IconButton } from '@material-ui/core';\nimport { Flex, FlexItem } from '@patternfly/react-core';\nimport { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip/Tooltip';\n\nimport {\n  ComputedStatus,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport {\n  getTaskrunsOutputGroup,\n  hasExternalLink,\n  isSbomTaskRun,\n} from '../../utils/taskRun-utils';\nimport OutputIcon from '../Icons/OutputIcon';\nimport ViewLogsIcon from '../Icons/ViewLogsIcon';\nimport PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog';\nimport PipelineRunOutputDialog from '../PipelineRunOutput/PipelineRunOutputDialog';\nimport PipelineRunSBOMLink from './PipelineRunSBOMLink';\n\nconst PipelineRunRowActions: React.FC<{ pipelineRun: PipelineRunKind }> = ({\n  pipelineRun,\n}) => {\n  const { watchResourcesData } = React.useContext(TektonResourcesContext);\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const [openOutput, setOpenOutput] = React.useState<boolean>(false);\n  const pods = watchResourcesData?.pods?.data || [];\n  const taskRuns = watchResourcesData?.taskruns?.data || [];\n  const { sbomTaskRun } = getTaskrunsOutputGroup(\n    pipelineRun?.metadata?.name,\n    taskRuns,\n  );\n  const activeTaskName = sbomTaskRun?.metadata?.name;\n  const [forSBOM, toggleForSBOM] = React.useState(false);\n\n  const hasKubernetesProxyAccess = usePermission({\n    permission: kubernetesProxyPermission,\n  });\n\n  const openDialog = (opts: { forSBOM: boolean }) => {\n    toggleForSBOM(opts.forSBOM);\n    setOpen(true);\n  };\n\n  const openOutputDialog = () => {\n    setOpenOutput(true);\n  };\n\n  const closeDialog = () => {\n    setOpen(false);\n    toggleForSBOM(false);\n  };\n\n  const {\n    acsImageScanTaskRun,\n    acsImageCheckTaskRun,\n    acsDeploymentCheckTaskRun,\n    ecTaskRun,\n  } = getTaskrunsOutputGroup(pipelineRun?.metadata?.name, taskRuns);\n\n  const finishedTaskruns = [\n    ...(acsImageScanTaskRun ? [acsImageScanTaskRun] : []),\n    ...(acsImageCheckTaskRun ? [acsImageCheckTaskRun] : []),\n    ...(acsDeploymentCheckTaskRun ? [acsDeploymentCheckTaskRun] : []),\n    ...(ecTaskRun ? [ecTaskRun] : []),\n  ].filter((taskRun: TaskRunKind) =>\n    [\n      ComputedStatus.Succeeded,\n      ComputedStatus.Failed,\n      ComputedStatus.Skipped,\n    ].includes(pipelineRunFilterReducer(taskRun)),\n  );\n\n  const results =\n    pipelineRun?.status?.pipelineResults || pipelineRun?.status?.results || [];\n\n  const disabled =\n    results.length === 0 ? finishedTaskruns.length === 0 : results.length === 0;\n\n  return (\n    <>\n      <PipelineRunLogDialog\n        pipelineRun={pipelineRun}\n        open={open}\n        closeDialog={closeDialog}\n        pods={pods}\n        taskRuns={taskRuns}\n        activeTask={activeTaskName}\n        forSBOM={forSBOM}\n      />\n\n      <PipelineRunOutputDialog\n        pipelineRun={pipelineRun}\n        taskRuns={taskRuns}\n        open={openOutput}\n        closeDialog={() => {\n          setOpenOutput(false);\n        }}\n      />\n      <Flex gap={{ default: 'gapXs' }}>\n        <FlexItem>\n          <Tooltip\n            content={\n              hasKubernetesProxyAccess.allowed\n                ? 'View logs'\n                : 'Unauthorized to view logs'\n            }\n          >\n            <IconButton\n              size=\"small\"\n              data-testid=\"view-logs-icon\"\n              onClick={() => openDialog({ forSBOM: false })}\n              disabled={!hasKubernetesProxyAccess.allowed}\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <ViewLogsIcon disabled={!hasKubernetesProxyAccess.allowed} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n\n        <FlexItem align={{ default: 'alignLeft' }}>\n          <Tooltip\n            content={\n              !sbomTaskRun\n                ? 'View SBOM is not applicable for this PipelineRun'\n                : 'View SBOM'\n            }\n          >\n            <IconButton\n              data-testid=\"view-sbom-icon\"\n              disabled={!sbomTaskRun || !isSbomTaskRun(sbomTaskRun)}\n              size=\"small\"\n              onClick={\n                !hasExternalLink(sbomTaskRun)\n                  ? () => {\n                      openDialog({ forSBOM: true });\n                    }\n                  : undefined\n              }\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <PipelineRunSBOMLink sbomTaskRun={sbomTaskRun} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n        <FlexItem align={{ default: 'alignLeft' }}>\n          <Tooltip\n            content={\n              disabled\n                ? 'View Output is not applicable for this PipelineRun'\n                : 'View Output'\n            }\n          >\n            <IconButton\n              data-testid=\"view-output-icon\"\n              disabled={disabled}\n              size=\"small\"\n              onClick={() => openOutputDialog()}\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <OutputIcon disabled={disabled} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n      </Flex>\n    </>\n  );\n};\nexport default React.memo(PipelineRunRowActions);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PipelineRunRowActions.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunRowActions.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\n\nimport { useContext, useState, memo } from 'react';\n\nimport { kubernetesProxyPermission } from '@backstage/plugin-kubernetes-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport { IconButton } from '@material-ui/core';\nimport { Flex, FlexItem } from '@patternfly/react-core';\nimport { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip/Tooltip';\n\nimport {\n  ComputedStatus,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport {\n  getTaskrunsOutputGroup,\n  hasExternalLink,\n  isSbomTaskRun,\n} from '../../utils/taskRun-utils';\nimport OutputIcon from '../Icons/OutputIcon';\nimport ViewLogsIcon from '../Icons/ViewLogsIcon';\nimport PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog';\nimport PipelineRunOutputDialog from '../PipelineRunOutput/PipelineRunOutputDialog';\nimport PipelineRunSBOMLink from './PipelineRunSBOMLink';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\nconst PipelineRunRowActions: FC<{ pipelineRun: PipelineRunKind }> = ({\n  pipelineRun,\n}) => {\n  const { watchResourcesData } = useContext(TektonResourcesContext);\n  const [open, setOpen] = useState<boolean>(false);\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  const [openOutput, setOpenOutput] = useState<boolean>(false);\n  const pods = watchResourcesData?.pods?.data || [];\n  const taskRuns = watchResourcesData?.taskruns?.data || [];\n  const { sbomTaskRun } = getTaskrunsOutputGroup(\n    pipelineRun?.metadata?.name,\n    taskRuns,\n  );\n  const activeTaskName = sbomTaskRun?.metadata?.name;\n  const [forSBOM, toggleForSBOM] = useState(false);\n\n  const hasKubernetesProxyAccess = usePermission({\n    permission: kubernetesProxyPermission,\n  });\n\n  const openDialog = (opts: { forSBOM: boolean }) => {\n    toggleForSBOM(opts.forSBOM);\n    setOpen(true);\n  };\n\n  const openOutputDialog = () => {\n    setOpenOutput(true);\n  };\n\n  const closeDialog = () => {\n    setOpen(false);\n    toggleForSBOM(false);\n  };\n\n  const {\n    acsImageScanTaskRun,\n    acsImageCheckTaskRun,\n    acsDeploymentCheckTaskRun,\n    ecTaskRun,\n  } = getTaskrunsOutputGroup(pipelineRun?.metadata?.name, taskRuns);\n\n  const finishedTaskruns = [\n    ...(acsImageScanTaskRun ? [acsImageScanTaskRun] : []),\n    ...(acsImageCheckTaskRun ? [acsImageCheckTaskRun] : []),\n    ...(acsDeploymentCheckTaskRun ? [acsDeploymentCheckTaskRun] : []),\n    ...(ecTaskRun ? [ecTaskRun] : []),\n  ].filter((taskRun: TaskRunKind) =>\n    [\n      ComputedStatus.Succeeded,\n      ComputedStatus.Failed,\n      ComputedStatus.Skipped,\n    ].includes(pipelineRunFilterReducer(taskRun)),\n  );\n\n  const results =\n    pipelineRun?.status?.pipelineResults || pipelineRun?.status?.results || [];\n\n  const disabled =\n    results.length === 0 ? finishedTaskruns.length === 0 : results.length === 0;\n\n  return (\n    <>\n      <PipelineRunLogDialog\n        pipelineRun={pipelineRun}\n        open={open}\n        closeDialog={closeDialog}\n        pods={pods}\n        taskRuns={taskRuns}\n        activeTask={activeTaskName}\n        forSBOM={forSBOM}\n      />\n\n      <PipelineRunOutputDialog\n        pipelineRun={pipelineRun}\n        taskRuns={taskRuns}\n        open={openOutput}\n        closeDialog={() => {\n          setOpenOutput(false);\n        }}\n      />\n      <Flex gap={{ default: 'gapXs' }}>\n        <FlexItem>\n          <Tooltip\n            content={\n              hasKubernetesProxyAccess.allowed\n                ? t('pipelineRunList.rowActions.viewLogs')\n                : t('pipelineRunList.rowActions.unauthorizedViewLogs')\n            }\n          >\n            <IconButton\n              size=\"small\"\n              data-testid=\"view-logs-icon\"\n              onClick={() => openDialog({ forSBOM: false })}\n              disabled={!hasKubernetesProxyAccess.allowed}\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <ViewLogsIcon disabled={!hasKubernetesProxyAccess.allowed} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n\n        <FlexItem align={{ default: 'alignLeft' }}>\n          <Tooltip\n            content={\n              !sbomTaskRun\n                ? t('pipelineRunList.rowActions.SBOMNotApplicable')\n                : t('pipelineRunList.rowActions.viewSBOM')\n            }\n          >\n            <IconButton\n              data-testid=\"view-sbom-icon\"\n              disabled={!sbomTaskRun || !isSbomTaskRun(sbomTaskRun)}\n              size=\"small\"\n              onClick={\n                !hasExternalLink(sbomTaskRun)\n                  ? () => {\n                      openDialog({ forSBOM: true });\n                    }\n                  : undefined\n              }\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <PipelineRunSBOMLink sbomTaskRun={sbomTaskRun} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n        <FlexItem align={{ default: 'alignLeft' }}>\n          <Tooltip\n            content={\n              disabled\n                ? t('pipelineRunList.rowActions.outputNotApplicable')\n                : t('pipelineRunList.rowActions.viewOutput')\n            }\n          >\n            <IconButton\n              data-testid=\"view-output-icon\"\n              disabled={disabled}\n              size=\"small\"\n              onClick={() => openOutputDialog()}\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <OutputIcon disabled={disabled} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n      </Flex>\n    </>\n  );\n};\nexport default memo(PipelineRunRowActions);\n"],"names":[],"mappings":"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"}

package/dist/components/PipelineRunList/PipelineRunSBOMLink.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Link } from 'react-router-dom';
 import { isSbomTaskRun, hasExternalLink, getSbomLink } from '../../utils/taskRun-utils.esm.js';
 import LinkToSBomIcon from '../Icons/LinkToSbomIcon.esm.js';
@@ -8,11 +8,11 @@ const PipelineRunSBOMLink = ({ sbomTaskRun }) => {
   const isExternalLink = hasExternalLink(sbomTaskRun);
   const linkToSbom = getSbomLink(sbomTaskRun);
   if (isSBOMTask && isExternalLink && (linkToSbom?.startsWith("http://") || linkToSbom?.startsWith("https://"))) {
-    return /* @__PURE__ */ React__default.createElement(Link, { target: "_blank", to: linkToSbom }, /* @__PURE__ */ React__default.createElement(LinkToSBomIcon, { dataTestId: "external-sbom-link" }));
+    return /* @__PURE__ */ jsx(Link, { target: "_blank", to: linkToSbom, children: /* @__PURE__ */ jsx(LinkToSBomIcon, { dataTestId: "external-sbom-link" }) });
   } else if (isSBOMTask && linkToSbom) {
-    return /* @__PURE__ */ React__default.createElement(LinkToSBomIcon, { dataTestId: "internal-sbom-link" });
+    return /* @__PURE__ */ jsx(LinkToSBomIcon, { dataTestId: "internal-sbom-link" });
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     LinkToSBomIcon,
     {
       disabled: !sbomTaskRun || !isSBOMTask,

package/dist/components/PipelineRunList/PipelineRunSBOMLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunSBOMLink.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunSBOMLink.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { TaskRunKind } from '@janus-idp/shared-react';\n\nimport {\n  getSbomLink,\n  hasExternalLink,\n  isSbomTaskRun,\n} from '../../utils/taskRun-utils';\nimport LinkToSBomIcon from '../Icons/LinkToSbomIcon';\n\nconst PipelineRunSBOMLink: React.FC<{\n  sbomTaskRun: TaskRunKind | undefined;\n}> = ({ sbomTaskRun }): React.ReactElement | null => {\n  const isSBOMTask = isSbomTaskRun(sbomTaskRun);\n  const isExternalLink: boolean = hasExternalLink(sbomTaskRun);\n  const linkToSbom = getSbomLink(sbomTaskRun);\n\n  if (\n    isSBOMTask &&\n    isExternalLink &&\n    (linkToSbom?.startsWith('http://') || linkToSbom?.startsWith('https://'))\n  ) {\n    // Link to external page\n    return (\n      <Link target=\"_blank\" to={linkToSbom}>\n        <LinkToSBomIcon dataTestId=\"external-sbom-link\" />\n      </Link>\n    );\n  } else if (isSBOMTask && linkToSbom) {\n    // Link to internal taskrun page\n    return <LinkToSBomIcon dataTestId=\"internal-sbom-link\" />;\n  }\n\n  return (\n    <LinkToSBomIcon\n      disabled={!sbomTaskRun || !isSBOMTask}\n      dataTestId=\"icon-space-holder\"\n    />\n  );\n};\n\nexport default PipelineRunSBOMLink;\n"],"names":["React"],"mappings":";;;;;AA2BA,MAAM,mBAED,GAAA,CAAC,EAAE,WAAA,EAA6C,KAAA;AACnD,EAAM,MAAA,UAAA,GAAa,cAAc,WAAW,CAAA;AAC5C,EAAM,MAAA,cAAA,GAA0B,gBAAgB,WAAW,CAAA;AAC3D,EAAM,MAAA,UAAA,GAAa,YAAY,WAAW,CAAA;AAE1C,EACE,IAAA,UAAA,IACA,mBACC,UAAY,EAAA,UAAA,CAAW,SAAS,CAAK,IAAA,UAAA,EAAY,UAAW,CAAA,UAAU,CACvE,CAAA,EAAA;AAEA,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,MAAA,EAAO,QAAS,EAAA,EAAA,EAAI,8BACvBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,UAAW,EAAA,oBAAA,EAAqB,CAClD,CAAA;AAAA,GAEJ,MAAA,IAAW,cAAc,UAAY,EAAA;AAEnC,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,UAAA,EAAW,oBAAqB,EAAA,CAAA;AAAA;AAGzD,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,CAAC,WAAA,IAAe,CAAC,UAAA;AAAA,MAC3B,UAAW,EAAA;AAAA;AAAA,GACb;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunSBOMLink.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunSBOMLink.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC, ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { TaskRunKind } from '@janus-idp/shared-react';\n\nimport {\n  getSbomLink,\n  hasExternalLink,\n  isSbomTaskRun,\n} from '../../utils/taskRun-utils';\nimport LinkToSBomIcon from '../Icons/LinkToSbomIcon';\n\nconst PipelineRunSBOMLink: FC<{\n  sbomTaskRun: TaskRunKind | undefined;\n}> = ({ sbomTaskRun }): ReactElement | null => {\n  const isSBOMTask = isSbomTaskRun(sbomTaskRun);\n  const isExternalLink: boolean = hasExternalLink(sbomTaskRun);\n  const linkToSbom = getSbomLink(sbomTaskRun);\n\n  if (\n    isSBOMTask &&\n    isExternalLink &&\n    (linkToSbom?.startsWith('http://') || linkToSbom?.startsWith('https://'))\n  ) {\n    // Link to external page\n    return (\n      <Link target=\"_blank\" to={linkToSbom}>\n        <LinkToSBomIcon dataTestId=\"external-sbom-link\" />\n      </Link>\n    );\n  } else if (isSBOMTask && linkToSbom) {\n    // Link to internal taskrun page\n    return <LinkToSBomIcon dataTestId=\"internal-sbom-link\" />;\n  }\n\n  return (\n    <LinkToSBomIcon\n      disabled={!sbomTaskRun || !isSBOMTask}\n      dataTestId=\"icon-space-holder\"\n    />\n  );\n};\n\nexport default PipelineRunSBOMLink;\n"],"names":[],"mappings":";;;;;AA2BA,MAAM,mBAED,GAAA,CAAC,EAAE,WAAA,EAAuC,KAAA;AAC7C,EAAM,MAAA,UAAA,GAAa,cAAc,WAAW,CAAA;AAC5C,EAAM,MAAA,cAAA,GAA0B,gBAAgB,WAAW,CAAA;AAC3D,EAAM,MAAA,UAAA,GAAa,YAAY,WAAW,CAAA;AAE1C,EACE,IAAA,UAAA,IACA,mBACC,UAAY,EAAA,UAAA,CAAW,SAAS,CAAK,IAAA,UAAA,EAAY,UAAW,CAAA,UAAU,CACvE,CAAA,EAAA;AAEA,IACE,uBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,MAAA,EAAO,QAAS,EAAA,EAAA,EAAI,YACxB,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,UAAW,EAAA,oBAAA,EAAqB,CAClD,EAAA,CAAA;AAAA,GAEJ,MAAA,IAAW,cAAc,UAAY,EAAA;AAEnC,IAAO,uBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,UAAA,EAAW,oBAAqB,EAAA,CAAA;AAAA;AAGzD,EACE,uBAAA,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,CAAC,WAAA,IAAe,CAAC,UAAA;AAAA,MAC3B,UAAW,EAAA;AAAA;AAAA,GACb;AAEJ;;;;"}

package/dist/components/PipelineRunList/PipelineRunTableBody.esm.js

@@ -1,10 +1,11 @@
-import * as React from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useContext, useState } from 'react';
 import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
 import { PipelineRunRow } from './PipelineRunRow.esm.js';
 
 const PipelineRunTableBody = ({ rows }) => {
-  const { isExpanded } = React.useContext(TektonResourcesContext);
-  const [open, setOpen] = React.useState(
+  const { isExpanded } = useContext(TektonResourcesContext);
+  const [open, setOpen] = useState(
     rows.reduce((acc, row) => {
       if (row.metadata?.uid) {
         acc[row.metadata?.uid] = isExpanded ?? false;
@@ -12,20 +13,20 @@ const PipelineRunTableBody = ({ rows }) => {
       return acc;
     }, {})
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, rows.map((row) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: rows.map((row) => {
     const startTime = row.status?.startTime || "";
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       PipelineRunRow,
       {
         row,
         startTime,
         isExpanded,
-        key: row.metadata?.uid,
         open: row.metadata?.uid ? open[row.metadata.uid] : false,
         setOpen
-      }
+      },
+      row.metadata?.uid
     );
-  }));
+  }) });
 };
 
 export { PipelineRunTableBody };

package/dist/components/PipelineRunList/PipelineRunTableBody.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTableBody.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableBody.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport * as React from 'react';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { OpenRowStatus } from '../../types/types';\nimport { PipelineRunRow } from './PipelineRunRow';\n\ntype PipelineRunTableBodyProps = {\n  rows: PipelineRunKind[];\n};\n\nexport const PipelineRunTableBody = ({ rows }: PipelineRunTableBodyProps) => {\n  const { isExpanded } = React.useContext(TektonResourcesContext);\n  const [open, setOpen] = React.useState<OpenRowStatus>(\n    rows.reduce((acc, row) => {\n      if (row.metadata?.uid) {\n        acc[row.metadata?.uid] = isExpanded ?? false;\n      }\n      return acc;\n    }, {} as OpenRowStatus),\n  );\n\n  return (\n    <>\n      {rows.map((row: PipelineRunKind) => {\n        const startTime = row.status?.startTime || '';\n\n        return (\n          <PipelineRunRow\n            row={row}\n            startTime={startTime}\n            isExpanded={isExpanded}\n            key={row.metadata?.uid}\n            open={row.metadata?.uid ? open[row.metadata.uid] : false}\n            setOpen={setOpen}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AA2BO,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAsC,KAAA;AAC3E,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,KAAA,CAAM,WAAW,sBAAsB,CAAA;AAC9D,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC5B,IAAK,CAAA,MAAA,CAAO,CAAC,GAAA,EAAK,GAAQ,KAAA;AACxB,MAAI,IAAA,GAAA,CAAI,UAAU,GAAK,EAAA;AACrB,QAAA,GAAA,CAAI,GAAI,CAAA,QAAA,EAAU,GAAG,CAAA,GAAI,UAAc,IAAA,KAAA;AAAA;AAEzC,MAAO,OAAA,GAAA;AAAA,KACT,EAAG,EAAmB;AAAA,GACxB;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAyB,KAAA;AAClC,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,MAAA,EAAQ,SAAa,IAAA,EAAA;AAE3C,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,GAAA,EAAK,IAAI,QAAU,EAAA,GAAA;AAAA,QACnB,IAAA,EAAM,IAAI,QAAU,EAAA,GAAA,GAAM,KAAK,GAAI,CAAA,QAAA,CAAS,GAAG,CAAI,GAAA,KAAA;AAAA,QACnD;AAAA;AAAA,KACF;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunTableBody.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableBody.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useContext, useState } from 'react';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { OpenRowStatus } from '../../types/types';\nimport { PipelineRunRow } from './PipelineRunRow';\n\ntype PipelineRunTableBodyProps = {\n  rows: PipelineRunKind[];\n};\n\nexport const PipelineRunTableBody = ({ rows }: PipelineRunTableBodyProps) => {\n  const { isExpanded } = useContext(TektonResourcesContext);\n  const [open, setOpen] = useState<OpenRowStatus>(\n    rows.reduce((acc, row) => {\n      if (row.metadata?.uid) {\n        acc[row.metadata?.uid] = isExpanded ?? false;\n      }\n      return acc;\n    }, {} as OpenRowStatus),\n  );\n\n  return (\n    <>\n      {rows.map((row: PipelineRunKind) => {\n        const startTime = row.status?.startTime || '';\n\n        return (\n          <PipelineRunRow\n            row={row}\n            startTime={startTime}\n            isExpanded={isExpanded}\n            key={row.metadata?.uid}\n            open={row.metadata?.uid ? open[row.metadata.uid] : false}\n            setOpen={setOpen}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AA2BO,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAsC,KAAA;AAC3E,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,UAAA,CAAW,sBAAsB,CAAA;AACxD,EAAM,MAAA,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,QAAA;AAAA,IACtB,IAAK,CAAA,MAAA,CAAO,CAAC,GAAA,EAAK,GAAQ,KAAA;AACxB,MAAI,IAAA,GAAA,CAAI,UAAU,GAAK,EAAA;AACrB,QAAA,GAAA,CAAI,GAAI,CAAA,QAAA,EAAU,GAAG,CAAA,GAAI,UAAc,IAAA,KAAA;AAAA;AAEzC,MAAO,OAAA,GAAA;AAAA,KACT,EAAG,EAAmB;AAAA,GACxB;AAEA,EAAA,uBAEK,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAyB,KAAA;AAClC,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,MAAA,EAAQ,SAAa,IAAA,EAAA;AAE3C,IACE,uBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QAEA,IAAA,EAAM,IAAI,QAAU,EAAA,GAAA,GAAM,KAAK,GAAI,CAAA,QAAA,CAAS,GAAG,CAAI,GAAA,KAAA;AAAA,QACnD;AAAA,OAAA;AAAA,MAFK,IAAI,QAAU,EAAA;AAAA,KAGrB;AAAA,GAEH,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunList/PipelineRunTaskStatus.esm.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import PipelineBars from '../Charts/PipelineBars.esm.js';
 
 const PipelineRunTaskStatus = ({
   pipelineRun
 }) => {
-  return pipelineRun?.metadata?.name ? /* @__PURE__ */ React__default.createElement(PipelineBars, { key: pipelineRun.metadata.name, pipelineRun }) : null;
+  return pipelineRun?.metadata?.name ? /* @__PURE__ */ jsx(PipelineBars, { pipelineRun }, pipelineRun.metadata.name) : null;
 };
 
 export { PipelineRunTaskStatus as default };

package/dist/components/PipelineRunList/PipelineRunTaskStatus.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTaskStatus.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTaskStatus.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport PipelineBars from '../Charts/PipelineBars';\n\nconst PipelineRunTaskStatus = ({\n  pipelineRun,\n}: {\n  pipelineRun: PipelineRunKind;\n}) => {\n  return pipelineRun?.metadata?.name ? (\n    <PipelineBars key={pipelineRun.metadata.name} pipelineRun={pipelineRun} />\n  ) : null;\n};\n\nexport default PipelineRunTaskStatus;\n"],"names":["React"],"mappings":";;;AAqBA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AACF,CAEM,KAAA;AACJ,EAAO,OAAA,WAAA,EAAa,QAAU,EAAA,IAAA,mBAC3BA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAK,WAAY,CAAA,QAAA,CAAS,IAAM,EAAA,WAAA,EAA0B,CACtE,GAAA,IAAA;AACN;;;;"}
+{"version":3,"file":"PipelineRunTaskStatus.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTaskStatus.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport PipelineBars from '../Charts/PipelineBars';\n\nconst PipelineRunTaskStatus = ({\n  pipelineRun,\n}: {\n  pipelineRun: PipelineRunKind;\n}) => {\n  return pipelineRun?.metadata?.name ? (\n    <PipelineBars key={pipelineRun.metadata.name} pipelineRun={pipelineRun} />\n  ) : null;\n};\n\nexport default PipelineRunTaskStatus;\n"],"names":[],"mappings":";;;AAmBA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AACF,CAEM,KAAA;AACJ,EAAO,OAAA,WAAA,EAAa,UAAU,IAC5B,mBAAA,GAAA,CAAC,gBAA6C,WAA3B,EAAA,EAAA,WAAA,CAAY,QAAS,CAAA,IAAgC,CACtE,GAAA,IAAA;AACN;;;;"}

package/dist/components/PipelineRunList/PipelineRunVulnerabilities.esm.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core';
 import AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';
 import AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';
@@ -9,6 +9,8 @@ import classNames from 'classnames';
 import { usePipelineRunScanResults } from '../../hooks/usePipelineRunScanResults.esm.js';
 import CriticalRiskIcon from '../Icons/CriticalRiskIcon.esm.js';
 import EqualsIcon from '../Icons/EqualsIcon.esm.js';
+import { tektonTranslationRef } from '../../translation.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const useVStyles = makeStyles((theme) => ({
   pipelineVulnerabilities: {
@@ -56,25 +58,93 @@ const PipelineRunVulnerabilities = ({
 }) => {
   const classes = useVStyles();
   const scanResults = usePipelineRunScanResults(pipelineRun);
-  return /* @__PURE__ */ React.createElement("div", { className: classes.pipelineVulnerabilities }, scanResults?.vulnerabilities ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "Critical" }, /* @__PURE__ */ React.createElement(
-    CriticalRiskIcon,
-    {
-      className: classes.criticalStatus,
-      title: "Critical"
-    }
-  )), !condensed ? "Critical" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.critical || 0)), /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "High" }, /* @__PURE__ */ React.createElement(
-    AngleDoubleUpIcon,
-    {
-      className: classes.highStatus,
-      titleAccess: "High"
-    }
-  )), !condensed ? "High" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.high || 0)), /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "Medium" }, /* @__PURE__ */ React.createElement(EqualsIcon, { className: classes.mediumStatus, title: "Medium" })), !condensed ? "Medium" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.medium || 0)), /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "Low" }, /* @__PURE__ */ React.createElement(
-    AngleDoubleDownIcon,
-    {
-      className: classes.lowStatus,
-      titleAccess: "Low"
-    }
-  )), !condensed ? "Low" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.low || 0))) : "-");
+  const { t } = useTranslationRef(tektonTranslationRef);
+  return /* @__PURE__ */ jsx("div", { className: classes.pipelineVulnerabilities, children: scanResults?.vulnerabilities ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: classNames(classes.severityContainer, "severity"), children: [
+      /* @__PURE__ */ jsxs("span", { className: classes.severityStatus, children: [
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: t(
+              "pipelineRunList.vulnerabilitySeverityTitle.critical"
+            ),
+            children: /* @__PURE__ */ jsx(
+              CriticalRiskIcon,
+              {
+                className: classes.criticalStatus,
+                title: t(
+                  "pipelineRunList.vulnerabilitySeverityTitle.critical"
+                )
+              }
+            )
+          }
+        ),
+        !condensed ? t("pipelineRunList.vulnerabilitySeverityTitle.critical") : null
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: classes.severityCount, children: scanResults.vulnerabilities.critical || 0 })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: classNames(classes.severityContainer, "severity"), children: [
+      /* @__PURE__ */ jsxs("span", { className: classes.severityStatus, children: [
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: t("pipelineRunList.vulnerabilitySeverityTitle.high"),
+            children: /* @__PURE__ */ jsx(
+              AngleDoubleUpIcon,
+              {
+                className: classes.highStatus,
+                titleAccess: t(
+                  "pipelineRunList.vulnerabilitySeverityTitle.high"
+                )
+              }
+            )
+          }
+        ),
+        !condensed ? t("pipelineRunList.vulnerabilitySeverityTitle.high") : null
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: classes.severityCount, children: scanResults.vulnerabilities.high || 0 })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: classNames(classes.severityContainer, "severity"), children: [
+      /* @__PURE__ */ jsxs("span", { className: classes.severityStatus, children: [
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: t("pipelineRunList.vulnerabilitySeverityTitle.medium"),
+            children: /* @__PURE__ */ jsx(
+              EqualsIcon,
+              {
+                className: classes.mediumStatus,
+                title: t("pipelineRunList.vulnerabilitySeverityTitle.medium")
+              }
+            )
+          }
+        ),
+        !condensed ? t("pipelineRunList.vulnerabilitySeverityTitle.medium") : null
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: classes.severityCount, children: scanResults.vulnerabilities.medium || 0 })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: classNames(classes.severityContainer, "severity"), children: [
+      /* @__PURE__ */ jsxs("span", { className: classes.severityStatus, children: [
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: t("pipelineRunList.vulnerabilitySeverityTitle.low"),
+            children: /* @__PURE__ */ jsx(
+              AngleDoubleDownIcon,
+              {
+                className: classes.lowStatus,
+                titleAccess: t(
+                  "pipelineRunList.vulnerabilitySeverityTitle.low"
+                )
+              }
+            )
+          }
+        ),
+        !condensed ? t("pipelineRunList.vulnerabilitySeverityTitle.low") : null
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: classes.severityCount, children: scanResults.vulnerabilities.low || 0 })
+    ] })
+  ] }) : "-" });
 };
 
 export { PipelineRunVulnerabilities as default };

package/dist/components/PipelineRunList/PipelineRunVulnerabilities.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunVulnerabilities.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunVulnerabilities.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport * as React from 'react';\n\nimport { makeStyles, Theme } from '@material-ui/core';\nimport AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';\nimport AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';\nimport { Tooltip } from '@patternfly/react-core';\nimport { t_color_yellow_40 as mediumColor } from '@patternfly/react-tokens/dist/js/t_color_yellow_40';\nimport { t_color_orange_40 as highColor } from '@patternfly/react-tokens/dist/js/t_color_orange_40';\nimport classNames from 'classnames';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { usePipelineRunScanResults } from '../../hooks/usePipelineRunScanResults';\nimport CriticalRiskIcon from '../Icons/CriticalRiskIcon';\nimport EqualsIcon from '../Icons/EqualsIcon';\n\nconst useVStyles = makeStyles((theme: Theme) => ({\n  pipelineVulnerabilities: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(1),\n  },\n  severityContainer: {\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    gap: theme.spacing(0.5),\n  },\n  severityStatus: {\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    gap: theme.spacing(0.5),\n  },\n  severityCount: {\n    fontWeight: 'bold',\n  },\n  criticalStatus: {\n    height: '1em',\n    width: '1em',\n  },\n  highStatus: {\n    color: highColor.value,\n    height: '0.8em',\n    width: '0.8em',\n  },\n  mediumStatus: {\n    color: mediumColor.value,\n    height: '1.3em',\n    width: '1.3em',\n  },\n  lowStatus: {\n    height: '0.8em',\n    width: '0.8em',\n  },\n}));\n\ntype PipelineRunVulnerabilitiesProps = {\n  pipelineRun: PipelineRunKind;\n  condensed?: boolean;\n};\n\nconst PipelineRunVulnerabilities: React.FC<PipelineRunVulnerabilitiesProps> = ({\n  pipelineRun,\n  condensed,\n}) => {\n  const classes = useVStyles();\n  const scanResults = usePipelineRunScanResults(pipelineRun);\n\n  return (\n    <div className={classes.pipelineVulnerabilities}>\n      {scanResults?.vulnerabilities ? (\n        <>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"Critical\">\n                <CriticalRiskIcon\n                  className={classes.criticalStatus}\n                  title=\"Critical\"\n                />\n              </Tooltip>\n              {!condensed ? 'Critical' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.critical || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"High\">\n                <AngleDoubleUpIcon\n                  className={classes.highStatus}\n                  titleAccess=\"High\"\n                />\n              </Tooltip>\n              {!condensed ? 'High' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.high || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"Medium\">\n                <EqualsIcon className={classes.mediumStatus} title=\"Medium\" />\n              </Tooltip>\n              {!condensed ? 'Medium' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.medium || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"Low\">\n                <AngleDoubleDownIcon\n                  className={classes.lowStatus}\n                  titleAccess=\"Low\"\n                />\n              </Tooltip>\n              {!condensed ? 'Low' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.low || 0}\n            </span>\n          </div>\n        </>\n      ) : (\n        '-'\n      )}\n    </div>\n  );\n};\n\nexport default PipelineRunVulnerabilities;\n"],"names":["highColor","mediumColor"],"mappings":"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"}
+{"version":3,"file":"PipelineRunVulnerabilities.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunVulnerabilities.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\n\nimport { makeStyles, Theme } from '@material-ui/core';\nimport AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';\nimport AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';\nimport { Tooltip } from '@patternfly/react-core';\nimport { t_color_yellow_40 as mediumColor } from '@patternfly/react-tokens/dist/js/t_color_yellow_40';\nimport { t_color_orange_40 as highColor } from '@patternfly/react-tokens/dist/js/t_color_orange_40';\nimport classNames from 'classnames';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { usePipelineRunScanResults } from '../../hooks/usePipelineRunScanResults';\nimport CriticalRiskIcon from '../Icons/CriticalRiskIcon';\nimport EqualsIcon from '../Icons/EqualsIcon';\nimport { tektonTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nconst useVStyles = makeStyles((theme: Theme) => ({\n  pipelineVulnerabilities: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(1),\n  },\n  severityContainer: {\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    gap: theme.spacing(0.5),\n  },\n  severityStatus: {\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    gap: theme.spacing(0.5),\n  },\n  severityCount: {\n    fontWeight: 'bold',\n  },\n  criticalStatus: {\n    height: '1em',\n    width: '1em',\n  },\n  highStatus: {\n    color: highColor.value,\n    height: '0.8em',\n    width: '0.8em',\n  },\n  mediumStatus: {\n    color: mediumColor.value,\n    height: '1.3em',\n    width: '1.3em',\n  },\n  lowStatus: {\n    height: '0.8em',\n    width: '0.8em',\n  },\n}));\n\ntype PipelineRunVulnerabilitiesProps = {\n  pipelineRun: PipelineRunKind;\n  condensed?: boolean;\n};\n\nconst PipelineRunVulnerabilities: FC<PipelineRunVulnerabilitiesProps> = ({\n  pipelineRun,\n  condensed,\n}) => {\n  const classes = useVStyles();\n  const scanResults = usePipelineRunScanResults(pipelineRun);\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <div className={classes.pipelineVulnerabilities}>\n      {scanResults?.vulnerabilities ? (\n        <>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip\n                content={t(\n                  'pipelineRunList.vulnerabilitySeverityTitle.critical',\n                )}\n              >\n                <CriticalRiskIcon\n                  className={classes.criticalStatus}\n                  title={t(\n                    'pipelineRunList.vulnerabilitySeverityTitle.critical',\n                  )}\n                />\n              </Tooltip>\n              {!condensed\n                ? t('pipelineRunList.vulnerabilitySeverityTitle.critical')\n                : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.critical || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip\n                content={t('pipelineRunList.vulnerabilitySeverityTitle.high')}\n              >\n                <AngleDoubleUpIcon\n                  className={classes.highStatus}\n                  titleAccess={t(\n                    'pipelineRunList.vulnerabilitySeverityTitle.high',\n                  )}\n                />\n              </Tooltip>\n              {!condensed\n                ? t('pipelineRunList.vulnerabilitySeverityTitle.high')\n                : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.high || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip\n                content={t('pipelineRunList.vulnerabilitySeverityTitle.medium')}\n              >\n                <EqualsIcon\n                  className={classes.mediumStatus}\n                  title={t('pipelineRunList.vulnerabilitySeverityTitle.medium')}\n                />\n              </Tooltip>\n              {!condensed\n                ? t('pipelineRunList.vulnerabilitySeverityTitle.medium')\n                : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.medium || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip\n                content={t('pipelineRunList.vulnerabilitySeverityTitle.low')}\n              >\n                <AngleDoubleDownIcon\n                  className={classes.lowStatus}\n                  titleAccess={t(\n                    'pipelineRunList.vulnerabilitySeverityTitle.low',\n                  )}\n                />\n              </Tooltip>\n              {!condensed\n                ? t('pipelineRunList.vulnerabilitySeverityTitle.low')\n                : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.low || 0}\n            </span>\n          </div>\n        </>\n      ) : (\n        '-'\n      )}\n    </div>\n  );\n};\n\nexport default PipelineRunVulnerabilities;\n"],"names":["highColor","mediumColor"],"mappings":"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"}