@backstage-community/plugin-multi-source-security-viewer 0.2.3 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTablePagination.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTablePagination.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 {\n  Box,\n  IconButton,\n  MenuItem,\n  Select,\n  TextField,\n  Typography,\n  makeStyles,\n} from '@material-ui/core';\nimport {\n  FirstPage,\n  LastPage,\n  NavigateBefore,\n  NavigateNext,\n} from '@mui/icons-material';\n\ntype PipelineRunTablePaginationProps = {\n  count: number;\n  page: number;\n  rowSize: number[];\n  rowsPerPage: number;\n  handleChangePage: (newPage: number) => void;\n  handleChangeRowsPerPage: (rows: number) => void;\n};\n\nconst useStyles = makeStyles(() => ({\n  actionsBox: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  typography: {\n    fontSize: '1rem',\n  },\n}));\n\nexport const PipelineRunTablePagination: React.FC<\n  PipelineRunTablePaginationProps\n> = ({\n  count,\n  page,\n  rowSize,\n  rowsPerPage,\n  handleChangePage,\n  handleChangeRowsPerPage,\n}) => {\n  const classes = useStyles();\n  const [pageInput, setPageInput] = React.useState('1');\n\n  const handleRowsChange = (event: React.ChangeEvent<{ value: any }>) => {\n    handleChangeRowsPerPage(parseInt(event.target.value, 10));\n  };\n\n  const totalPages = React.useMemo(\n    () => Math.ceil(count / rowsPerPage),\n    [count, rowsPerPage],\n  );\n\n  const previousPage = React.useMemo(() => page - 1, [page]);\n  const nextPage = React.useMemo(() => page + 1, [page]);\n  const firstPage = React.useMemo(() => 0, []);\n  const lastPage = React.useMemo(() => totalPages - 1, [totalPages]);\n  const isFirstPage = React.useMemo(() => page === 0, [page]);\n  const isLastPage = React.useMemo(\n    () => page === totalPages - 1,\n    [totalPages, page],\n  );\n\n  const selectItemText = React.useMemo(() => {\n    // display for ex: 1 - 10 of 100\n    return `${page === 0 ? 1 : page * rowsPerPage + 1} - ${\n      rowsPerPage * (page + 1) > count ? count : rowsPerPage * (page + 1)\n    } of ${count}`;\n  }, [count, page, rowsPerPage]);\n\n  const handleInputChange = (value: string) => {\n    const newPage = parseInt(value, 10);\n    if (newPage > 0 && newPage <= totalPages) {\n      handleChangePage(newPage - 1); // -1 as page is 0-indexed\n    }\n    setPageInput(isNaN(newPage) ? '' : newPage.toString());\n  };\n\n  React.useEffect(() => {\n    setPageInput((page + 1).toString());\n  }, [page]);\n\n  return (\n    <React.Fragment>\n      <Box className={classes.actionsBox} data-testid=\"pipeline-run-pagination\">\n        <Select\n          variant=\"standard\"\n          renderValue={() => selectItemText}\n          value={rowsPerPage}\n          aria-label=\"rows per page\"\n          data-testid=\"rows-per-page\"\n          autoWidth\n          disableUnderline\n          displayEmpty\n          onChange={handleRowsChange}\n          inputProps={{\n            style: { minWidth: 0, padding: 0 },\n          }}\n        >\n          {rowSize.map(size => (\n            <MenuItem key={size} value={size}>\n              {size} per page\n            </MenuItem>\n          ))}\n        </Select>\n\n        <IconButton\n          onClick={() => handleChangePage(firstPage)}\n          disabled={isFirstPage}\n          aria-label=\"first page\"\n          data-testid=\"first-page\"\n          size=\"small\"\n        >\n          <FirstPage />\n        </IconButton>\n        <IconButton\n          onClick={() => handleChangePage(previousPage)}\n          disabled={isFirstPage}\n          aria-label=\"previous page\"\n          data-testid=\"previous-page\"\n          size=\"small\"\n        >\n          <NavigateBefore />\n        </IconButton>\n        <TextField\n          size=\"small\"\n          value={pageInput}\n          variant=\"outlined\"\n          aria-label=\"page number\"\n          aria-describedby=\"page-number\"\n          id=\"page-number-input\"\n          data-testid=\"page-number\"\n          style={{ marginRight: '0.5rem' }}\n          onChange={e => handleInputChange(e.target.value)}\n          inputProps={{\n            style: { textAlign: 'center', width: '2rem' },\n          }}\n        />\n        <Typography variant=\"body2\" style={{ fontSize: '1rem' }}>\n          of {totalPages}\n        </Typography>\n        <IconButton\n          onClick={() => handleChangePage(nextPage)}\n          disabled={isLastPage}\n          aria-label=\"next page\"\n          data-testid=\"next-page\"\n          size=\"small\"\n        >\n          <NavigateNext />\n        </IconButton>\n        <IconButton\n          onClick={() => handleChangePage(lastPage)}\n          disabled={isLastPage}\n          aria-label=\"last page\"\n          data-testid=\"last-page\"\n          size=\"small\"\n        >\n          <LastPage />\n        </IconButton>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AAyCA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAAA,EACA,UAAY,EAAA;AAAA,IACV,QAAU,EAAA;AAAA;AAEd,CAAE,CAAA,CAAA;AAEK,MAAM,6BAET,CAAC;AAAA,EACH,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,KAAA,CAAM,SAAS,GAAG,CAAA;AAEpD,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAA6C,KAAA;AACrE,IAAA,uBAAA,CAAwB,QAAS,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,EAAE,CAAC,CAAA;AAAA,GAC1D;AAEA,EAAA,MAAM,aAAa,KAAM,CAAA,OAAA;AAAA,IACvB,MAAM,IAAA,CAAK,IAAK,CAAA,KAAA,GAAQ,WAAW,CAAA;AAAA,IACnC,CAAC,OAAO,WAAW;AAAA,GACrB;AAEA,EAAM,MAAA,YAAA,GAAe,MAAM,OAAQ,CAAA,MAAM,OAAO,CAAG,EAAA,CAAC,IAAI,CAAC,CAAA;AACzD,EAAM,MAAA,QAAA,GAAW,MAAM,OAAQ,CAAA,MAAM,OAAO,CAAG,EAAA,CAAC,IAAI,CAAC,CAAA;AACrD,EAAA,MAAM,YAAY,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAA,EAAG,EAAE,CAAA;AAC3C,EAAM,MAAA,QAAA,GAAW,MAAM,OAAQ,CAAA,MAAM,aAAa,CAAG,EAAA,CAAC,UAAU,CAAC,CAAA;AACjE,EAAM,MAAA,WAAA,GAAc,MAAM,OAAQ,CAAA,MAAM,SAAS,CAAG,EAAA,CAAC,IAAI,CAAC,CAAA;AAC1D,EAAA,MAAM,aAAa,KAAM,CAAA,OAAA;AAAA,IACvB,MAAM,SAAS,UAAa,GAAA,CAAA;AAAA,IAC5B,CAAC,YAAY,IAAI;AAAA,GACnB;AAEA,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,OAAA,CAAQ,MAAM;AAEzC,IAAA,OAAO,GAAG,IAAS,KAAA,CAAA,GAAI,CAAI,GAAA,IAAA,GAAO,cAAc,CAAC,CAAA,GAAA,EAC/C,WAAe,IAAA,IAAA,GAAO,KAAK,KAAQ,GAAA,KAAA,GAAQ,eAAe,IAAO,GAAA,CAAA,CACnE,OAAO,KAAK,CAAA,CAAA;AAAA,GACX,EAAA,CAAC,KAAO,EAAA,IAAA,EAAM,WAAW,CAAC,CAAA;AAE7B,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAAkB,KAAA;AAC3C,IAAM,MAAA,OAAA,GAAU,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA;AAClC,IAAI,IAAA,OAAA,GAAU,CAAK,IAAA,OAAA,IAAW,UAAY,EAAA;AACxC,MAAA,gBAAA,CAAiB,UAAU,CAAC,CAAA;AAAA;AAE9B,IAAA,YAAA,CAAa,MAAM,OAAO,CAAA,GAAI,EAAK,GAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,GACvD;AAEA,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAc,YAAA,CAAA,CAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA;AAAA,GACpC,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,SAAW,EAAA,OAAA,CAAQ,UAAY,EAAA,aAAA,EAAY,yBAC9C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,aAAa,MAAM,cAAA;AAAA,MACnB,KAAO,EAAA,WAAA;AAAA,MACP,YAAW,EAAA,eAAA;AAAA,MACX,aAAY,EAAA,eAAA;AAAA,MACZ,SAAS,EAAA,IAAA;AAAA,MACT,gBAAgB,EAAA,IAAA;AAAA,MAChB,YAAY,EAAA,IAAA;AAAA,MACZ,QAAU,EAAA,gBAAA;AAAA,MACV,UAAY,EAAA;AAAA,QACV,KAAO,EAAA,EAAE,QAAU,EAAA,CAAA,EAAG,SAAS,CAAE;AAAA;AACnC,KAAA;AAAA,IAEC,OAAA,CAAQ,GAAI,CAAA,CAAA,IAAA,qBACV,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,IAAA,EAAM,KAAO,EAAA,IAAA,EAAA,EACzB,IAAK,EAAA,WACR,CACD;AAAA,GAGH,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,gBAAA,CAAiB,SAAS,CAAA;AAAA,MACzC,QAAU,EAAA,WAAA;AAAA,MACV,YAAW,EAAA,YAAA;AAAA,MACX,aAAY,EAAA,YAAA;AAAA,MACZ,IAAK,EAAA;AAAA,KAAA;AAAA,wCAEJ,SAAU,EAAA,IAAA;AAAA,GAEb,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,gBAAA,CAAiB,YAAY,CAAA;AAAA,MAC5C,QAAU,EAAA,WAAA;AAAA,MACV,YAAW,EAAA,eAAA;AAAA,MACX,aAAY,EAAA,eAAA;AAAA,MACZ,IAAK,EAAA;AAAA,KAAA;AAAA,wCAEJ,cAAe,EAAA,IAAA;AAAA,GAElB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,SAAA;AAAA,MACP,OAAQ,EAAA,UAAA;AAAA,MACR,YAAW,EAAA,aAAA;AAAA,MACX,kBAAiB,EAAA,aAAA;AAAA,MACjB,EAAG,EAAA,mBAAA;AAAA,MACH,aAAY,EAAA,aAAA;AAAA,MACZ,KAAA,EAAO,EAAE,WAAA,EAAa,QAAS,EAAA;AAAA,MAC/B,QAAU,EAAA,CAAA,CAAA,KAAK,iBAAkB,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,MAC/C,UAAY,EAAA;AAAA,QACV,KAAO,EAAA,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,MAAO;AAAA;AAC9C;AAAA,GAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,MAAO,EAAA,EAAA,EAAG,KACnD,EAAA,UACN,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ,CAAA;AAAA,MACxC,QAAU,EAAA,UAAA;AAAA,MACV,YAAW,EAAA,WAAA;AAAA,MACX,aAAY,EAAA,WAAA;AAAA,MACZ,IAAK,EAAA;AAAA,KAAA;AAAA,wCAEJ,YAAa,EAAA,IAAA;AAAA,GAEhB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ,CAAA;AAAA,MACxC,QAAU,EAAA,UAAA;AAAA,MACV,YAAW,EAAA,WAAA;AAAA,MACX,aAAY,EAAA,WAAA;AAAA,MACZ,IAAK,EAAA;AAAA,KAAA;AAAA,wCAEJ,QAAS,EAAA,IAAA;AAAA,GAEd,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunTablePagination.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTablePagination.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, ChangeEvent } from 'react';\n\nimport { useState, useMemo, useEffect, Fragment } from 'react';\nimport {\n  Box,\n  IconButton,\n  MenuItem,\n  Select,\n  TextField,\n  Typography,\n  makeStyles,\n} from '@material-ui/core';\nimport {\n  FirstPage,\n  LastPage,\n  NavigateBefore,\n  NavigateNext,\n} from '@mui/icons-material';\n\ntype PipelineRunTablePaginationProps = {\n  count: number;\n  page: number;\n  rowSize: number[];\n  rowsPerPage: number;\n  handleChangePage: (newPage: number) => void;\n  handleChangeRowsPerPage: (rows: number) => void;\n};\n\nconst useStyles = makeStyles(() => ({\n  actionsBox: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  typography: {\n    fontSize: '1rem',\n  },\n}));\n\nexport const PipelineRunTablePagination: FC<\n  PipelineRunTablePaginationProps\n> = ({\n  count,\n  page,\n  rowSize,\n  rowsPerPage,\n  handleChangePage,\n  handleChangeRowsPerPage,\n}) => {\n  const classes = useStyles();\n  const [pageInput, setPageInput] = useState('1');\n\n  const handleRowsChange = (event: ChangeEvent<{ value: any }>) => {\n    handleChangeRowsPerPage(parseInt(event.target.value, 10));\n  };\n\n  const totalPages = useMemo(\n    () => Math.ceil(count / rowsPerPage),\n    [count, rowsPerPage],\n  );\n\n  const previousPage = useMemo(() => page - 1, [page]);\n  const nextPage = useMemo(() => page + 1, [page]);\n  const firstPage = useMemo(() => 0, []);\n  const lastPage = useMemo(() => totalPages - 1, [totalPages]);\n  const isFirstPage = useMemo(() => page === 0, [page]);\n  const isLastPage = useMemo(() => page === totalPages - 1, [totalPages, page]);\n\n  const selectItemText = useMemo(() => {\n    // display for ex: 1 - 10 of 100\n    return `${page === 0 ? 1 : page * rowsPerPage + 1} - ${\n      rowsPerPage * (page + 1) > count ? count : rowsPerPage * (page + 1)\n    } of ${count}`;\n  }, [count, page, rowsPerPage]);\n\n  const handleInputChange = (value: string) => {\n    const newPage = parseInt(value, 10);\n    if (newPage > 0 && newPage <= totalPages) {\n      handleChangePage(newPage - 1); // -1 as page is 0-indexed\n    }\n    setPageInput(isNaN(newPage) ? '' : newPage.toString());\n  };\n\n  useEffect(() => {\n    setPageInput((page + 1).toString());\n  }, [page]);\n\n  return (\n    <Fragment>\n      <Box className={classes.actionsBox} data-testid=\"pipeline-run-pagination\">\n        <Select\n          variant=\"standard\"\n          renderValue={() => selectItemText}\n          value={rowsPerPage}\n          aria-label=\"rows per page\"\n          data-testid=\"rows-per-page\"\n          autoWidth\n          disableUnderline\n          displayEmpty\n          onChange={handleRowsChange}\n          inputProps={{\n            style: { minWidth: 0, padding: 0 },\n          }}\n        >\n          {rowSize.map(size => (\n            <MenuItem key={size} value={size}>\n              {size} per page\n            </MenuItem>\n          ))}\n        </Select>\n\n        <IconButton\n          onClick={() => handleChangePage(firstPage)}\n          disabled={isFirstPage}\n          aria-label=\"first page\"\n          data-testid=\"first-page\"\n          size=\"small\"\n        >\n          <FirstPage />\n        </IconButton>\n        <IconButton\n          onClick={() => handleChangePage(previousPage)}\n          disabled={isFirstPage}\n          aria-label=\"previous page\"\n          data-testid=\"previous-page\"\n          size=\"small\"\n        >\n          <NavigateBefore />\n        </IconButton>\n        <TextField\n          size=\"small\"\n          value={pageInput}\n          variant=\"outlined\"\n          aria-label=\"page number\"\n          aria-describedby=\"page-number\"\n          id=\"page-number-input\"\n          data-testid=\"page-number\"\n          style={{ marginRight: '0.5rem' }}\n          onChange={e => handleInputChange(e.target.value)}\n          inputProps={{\n            style: { textAlign: 'center', width: '2rem' },\n          }}\n        />\n        <Typography variant=\"body2\" style={{ fontSize: '1rem' }}>\n          of {totalPages}\n        </Typography>\n        <IconButton\n          onClick={() => handleChangePage(nextPage)}\n          disabled={isLastPage}\n          aria-label=\"next page\"\n          data-testid=\"next-page\"\n          size=\"small\"\n        >\n          <NavigateNext />\n        </IconButton>\n        <IconButton\n          onClick={() => handleChangePage(lastPage)}\n          disabled={isLastPage}\n          aria-label=\"last page\"\n          data-testid=\"last-page\"\n          size=\"small\"\n        >\n          <LastPage />\n        </IconButton>\n      </Box>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Fragment } from 'react';
 import { makeStyles, TableRow, TableCell, Typography } from '@material-ui/core';
 import AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';
 import AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';
@@ -42,39 +43,48 @@ const PipelineRunTableRow = ({
   pr
 }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableRow, { key: index, className: classes.row }, /* @__PURE__ */ React.createElement(TableCell, { align: "left" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, pr.id)), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, pr.type)), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(
-    IconWithValue,
-    {
-      tooltip: "Critical",
-      iconComponent: CriticalRiskIcon,
-      iconProps: { className: classes.criticalIcon },
-      value: pr.critical
-    }
-  )), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(
-    IconWithValue,
-    {
-      tooltip: "Important",
-      iconComponent: AngleDoubleUpIcon,
-      iconProps: { className: classes.importantIcon },
-      value: pr.important
-    }
-  )), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(
-    IconWithValue,
-    {
-      tooltip: "Moderate",
-      iconComponent: EqualsIcon,
-      iconProps: { className: classes.moderateIcon },
-      value: pr.moderate
-    }
-  )), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(
-    IconWithValue,
-    {
-      tooltip: "Low",
-      iconComponent: AngleDoubleDownIcon,
-      iconProps: { className: classes.lowIcon },
-      value: pr.low
-    }
-  )), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(PipelineRunSBOMLink, { pr })), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(PipelineRunTableRowActions, { pr }))));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(TableRow, { className: classes.row, children: [
+    /* @__PURE__ */ jsx(TableCell, { align: "left", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: pr.id }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: pr.type }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+      IconWithValue,
+      {
+        tooltip: "Critical",
+        iconComponent: CriticalRiskIcon,
+        iconProps: { className: classes.criticalIcon },
+        value: pr.critical
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+      IconWithValue,
+      {
+        tooltip: "Important",
+        iconComponent: AngleDoubleUpIcon,
+        iconProps: { className: classes.importantIcon },
+        value: pr.important
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+      IconWithValue,
+      {
+        tooltip: "Moderate",
+        iconComponent: EqualsIcon,
+        iconProps: { className: classes.moderateIcon },
+        value: pr.moderate
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+      IconWithValue,
+      {
+        tooltip: "Low",
+        iconComponent: AngleDoubleDownIcon,
+        iconProps: { className: classes.lowIcon },
+        value: pr.low
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PipelineRunSBOMLink, { pr }) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PipelineRunTableRowActions, { pr }) })
+  ] }, index) });
 };
 
 export { PipelineRunTableRow };

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTableRow.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableRow.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 {\n  TableCell,\n  TableRow,\n  Theme,\n  Typography,\n  makeStyles,\n} from '@material-ui/core';\nimport AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';\nimport AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';\nimport { t_color_yellow_40 as moderateColor } from '@patternfly/react-tokens';\nimport { t_color_orange_40 as importantColor } from '@patternfly/react-tokens';\nimport { t_color_blue_20 as minorColor } from '@patternfly/react-tokens';\nimport { CriticalRiskIcon } from '../Icons/CriticalIcon';\nimport { EqualsIcon } from '../Icons/EqualsIcon';\nimport { PipelineRunTableRowActions } from './PipelineRunTableRowActions';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { PipelineRunSBOMLink } from './PipelineRunSBOMLink';\nimport { IconWithValue } from '../Icons/IconWithValue';\n\ntype PipelineRunTableRowProps = {\n  index: number;\n  pr: PipelineRunResult;\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  row: {\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    '&:nth-of-type(odd)': {\n      backgroundColor: theme.palette.background.paper,\n    },\n  },\n  criticalIcon: {\n    height: '1em',\n    width: '1em',\n  },\n  importantIcon: {\n    fill: importantColor.value,\n    height: '0.8em',\n    width: '0.8em',\n  },\n  moderateIcon: {\n    fill: moderateColor.value,\n    height: '1em',\n    width: '1em',\n  },\n  lowIcon: {\n    fill: minorColor.value,\n    height: '0.8em',\n    width: '0.8em',\n    marginLeft: '-0.2em',\n  },\n}));\n\nexport const PipelineRunTableRow: React.FC<PipelineRunTableRowProps> = ({\n  index,\n  pr,\n}) => {\n  const classes = useStyles();\n\n  return (\n    <React.Fragment>\n      <TableRow key={index} className={classes.row}>\n        <TableCell align=\"left\">\n          <Typography variant=\"body2\">{pr.id}</Typography>\n        </TableCell>\n        <TableCell>\n          <Typography variant=\"body2\">{pr.type}</Typography>\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Critical\"\n            iconComponent={CriticalRiskIcon}\n            iconProps={{ className: classes.criticalIcon }}\n            value={pr.critical}\n          />\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Important\"\n            iconComponent={AngleDoubleUpIcon}\n            iconProps={{ className: classes.importantIcon }}\n            value={pr.important}\n          />\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Moderate\"\n            iconComponent={EqualsIcon}\n            iconProps={{ className: classes.moderateIcon }}\n            value={pr.moderate}\n          />\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Low\"\n            iconComponent={AngleDoubleDownIcon}\n            iconProps={{ className: classes.lowIcon }}\n            value={pr.low}\n          />\n        </TableCell>\n        <TableCell>\n          <PipelineRunSBOMLink pr={pr} />\n        </TableCell>\n        <TableCell>\n          <PipelineRunTableRowActions pr={pr} />\n        </TableCell>\n      </TableRow>\n    </React.Fragment>\n  );\n};\n"],"names":["importantColor","moderateColor","minorColor"],"mappings":"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"}
+{"version":3,"file":"PipelineRunTableRow.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableRow.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 { Fragment } from 'react';\nimport {\n  TableCell,\n  TableRow,\n  Theme,\n  Typography,\n  makeStyles,\n} from '@material-ui/core';\nimport AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';\nimport AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';\nimport { t_color_yellow_40 as moderateColor } from '@patternfly/react-tokens';\nimport { t_color_orange_40 as importantColor } from '@patternfly/react-tokens';\nimport { t_color_blue_20 as minorColor } from '@patternfly/react-tokens';\nimport { CriticalRiskIcon } from '../Icons/CriticalIcon';\nimport { EqualsIcon } from '../Icons/EqualsIcon';\nimport { PipelineRunTableRowActions } from './PipelineRunTableRowActions';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { PipelineRunSBOMLink } from './PipelineRunSBOMLink';\nimport { IconWithValue } from '../Icons/IconWithValue';\n\ntype PipelineRunTableRowProps = {\n  index: number;\n  pr: PipelineRunResult;\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  row: {\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    '&:nth-of-type(odd)': {\n      backgroundColor: theme.palette.background.paper,\n    },\n  },\n  criticalIcon: {\n    height: '1em',\n    width: '1em',\n  },\n  importantIcon: {\n    fill: importantColor.value,\n    height: '0.8em',\n    width: '0.8em',\n  },\n  moderateIcon: {\n    fill: moderateColor.value,\n    height: '1em',\n    width: '1em',\n  },\n  lowIcon: {\n    fill: minorColor.value,\n    height: '0.8em',\n    width: '0.8em',\n    marginLeft: '-0.2em',\n  },\n}));\n\nexport const PipelineRunTableRow: FC<PipelineRunTableRowProps> = ({\n  index,\n  pr,\n}) => {\n  const classes = useStyles();\n\n  return (\n    <Fragment>\n      <TableRow key={index} className={classes.row}>\n        <TableCell align=\"left\">\n          <Typography variant=\"body2\">{pr.id}</Typography>\n        </TableCell>\n        <TableCell>\n          <Typography variant=\"body2\">{pr.type}</Typography>\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Critical\"\n            iconComponent={CriticalRiskIcon}\n            iconProps={{ className: classes.criticalIcon }}\n            value={pr.critical}\n          />\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Important\"\n            iconComponent={AngleDoubleUpIcon}\n            iconProps={{ className: classes.importantIcon }}\n            value={pr.important}\n          />\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Moderate\"\n            iconComponent={EqualsIcon}\n            iconProps={{ className: classes.moderateIcon }}\n            value={pr.moderate}\n          />\n        </TableCell>\n        <TableCell>\n          <IconWithValue\n            tooltip=\"Low\"\n            iconComponent={AngleDoubleDownIcon}\n            iconProps={{ className: classes.lowIcon }}\n            value={pr.low}\n          />\n        </TableCell>\n        <TableCell>\n          <PipelineRunSBOMLink pr={pr} />\n        </TableCell>\n        <TableCell>\n          <PipelineRunTableRowActions pr={pr} />\n        </TableCell>\n      </TableRow>\n    </Fragment>\n  );\n};\n"],"names":["importantColor","moderateColor","minorColor"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, Fragment } from 'react';
 import { makeStyles, Box, IconButton } from '@material-ui/core';
 import Tooltip from '@mui/material/Tooltip';
 import PipelineRunOutput from './PipelineRunOutput.esm.js';
@@ -21,66 +22,73 @@ const useStyles = makeStyles((theme) => ({
   }
 }));
 const PipelineRunTableRowActions = ({ pr }) => {
-  const [openOutput, setOpenOutput] = React.useState(false);
-  const [openLogs, setOpenLogs] = React.useState(false);
+  const [openOutput, setOpenOutput] = useState(false);
+  const [openLogs, setOpenLogs] = useState(false);
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    DialogLauncher,
-    {
-      key: `${pr.id}-output`,
-      title: pr.id,
-      open: openOutput,
-      onClose: () => setOpenOutput(false),
-      component: PipelineRunOutput,
-      componentProps: { pr },
-      fullWidth: true,
-      maxWidth: "xl"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DialogLauncher,
-    {
-      key: `${pr.id}-logs`,
-      title: pr.id,
-      open: openLogs,
-      onClose: () => setOpenLogs(false),
-      component: PipelineRunLogs,
-      componentProps: { pr },
-      fullWidth: true,
-      maxWidth: "xl"
-    }
-  ), /* @__PURE__ */ React.createElement(Box, { className: classes.boxActions }, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: pr.hasSteps ? "View Logs" : "Logs are not available for this run",
-      arrow: true
-    },
-    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-      IconButton,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DialogLauncher,
       {
-        "data-testid": "button-logs",
-        className: classes.icon,
-        disabled: !pr.hasSteps,
-        onClick: () => setOpenLogs(true)
+        title: pr.id,
+        open: openOutput,
+        onClose: () => setOpenOutput(false),
+        component: PipelineRunOutput,
+        componentProps: { pr },
+        fullWidth: true,
+        maxWidth: "xl"
       },
-      /* @__PURE__ */ React.createElement(ViewLogsIcon, { disabled: !pr.hasSteps })
-    ))
-  ), /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: pr.hasNoScanResults ? "Scan Results are not available for this run" : "View Scan Results",
-      arrow: true
-    },
-    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-      IconButton,
+      `${pr.id}-output`
+    ),
+    /* @__PURE__ */ jsx(
+      DialogLauncher,
       {
-        className: classes.icon,
-        "data-testid": "button-output",
-        disabled: pr.hasNoScanResults,
-        onClick: () => setOpenOutput(true)
+        title: pr.id,
+        open: openLogs,
+        onClose: () => setOpenLogs(false),
+        component: PipelineRunLogs,
+        componentProps: { pr },
+        fullWidth: true,
+        maxWidth: "xl"
       },
-      /* @__PURE__ */ React.createElement(OutputIcon, { disabled: pr.hasNoScanResults })
-    ))
-  )));
+      `${pr.id}-logs`
+    ),
+    /* @__PURE__ */ jsxs(Box, { className: classes.boxActions, children: [
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: pr.hasSteps ? "View Logs" : "Logs are not available for this run",
+          arrow: true,
+          children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "data-testid": "button-logs",
+              className: classes.icon,
+              disabled: !pr.hasSteps,
+              onClick: () => setOpenLogs(true),
+              children: /* @__PURE__ */ jsx(ViewLogsIcon, { disabled: !pr.hasSteps })
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: pr.hasNoScanResults ? "Scan Results are not available for this run" : "View Scan Results",
+          arrow: true,
+          children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              className: classes.icon,
+              "data-testid": "button-output",
+              disabled: pr.hasNoScanResults,
+              onClick: () => setOpenOutput(true),
+              children: /* @__PURE__ */ jsx(OutputIcon, { disabled: pr.hasNoScanResults })
+            }
+          ) })
+        }
+      )
+    ] })
+  ] });
 };
 
 export { PipelineRunTableRowActions };

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTableRowActions.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableRowActions.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 { Box, IconButton, makeStyles, Theme } from '@material-ui/core';\nimport Tooltip from '@mui/material/Tooltip';\nimport PipelineRunOutput from './PipelineRunOutput';\nimport { PipelineRunLogs } from '../PipelineRunLogs/PipelineRunLogs';\nimport { DialogLauncher } from '../DialogLauncher/DialogLauncher';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { ViewLogsIcon } from '../Icons/LogsIcon';\nimport { OutputIcon } from '../Icons/OutputIcon';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  boxActions: {\n    display: 'flex',\n    alignItems: 'left',\n    gap: '0.5rem',\n  },\n  icon: {\n    padding: 0,\n    '&:nth-child(even)': {\n      marginLeft: theme.spacing(1),\n    },\n  },\n}));\n\ntype PipelineRunTableRowActionsProps = {\n  pr: PipelineRunResult;\n};\n\nexport const PipelineRunTableRowActions: React.FC<\n  PipelineRunTableRowActionsProps\n> = ({ pr }) => {\n  const [openOutput, setOpenOutput] = React.useState(false);\n  const [openLogs, setOpenLogs] = React.useState(false);\n  const classes = useStyles();\n\n  return (\n    <React.Fragment>\n      <DialogLauncher\n        key={`${pr.id}-output`}\n        title={pr.id}\n        open={openOutput}\n        onClose={() => setOpenOutput(false)}\n        component={PipelineRunOutput}\n        componentProps={{ pr: pr }}\n        fullWidth\n        maxWidth=\"xl\"\n      />\n\n      <DialogLauncher\n        key={`${pr.id}-logs`}\n        title={pr.id}\n        open={openLogs}\n        onClose={() => setOpenLogs(false)}\n        component={PipelineRunLogs}\n        componentProps={{ pr: pr }}\n        fullWidth\n        maxWidth=\"xl\"\n      />\n\n      <Box className={classes.boxActions}>\n        <Tooltip\n          title={\n            pr.hasSteps ? 'View Logs' : 'Logs are not available for this run'\n          }\n          arrow\n        >\n          <Box>\n            <IconButton\n              data-testid=\"button-logs\"\n              className={classes.icon}\n              disabled={!pr.hasSteps}\n              onClick={() => setOpenLogs(true)}\n            >\n              <ViewLogsIcon disabled={!pr.hasSteps} />\n            </IconButton>\n          </Box>\n        </Tooltip>\n        <Tooltip\n          title={\n            pr.hasNoScanResults\n              ? 'Scan Results are not available for this run'\n              : 'View Scan Results'\n          }\n          arrow\n        >\n          <Box>\n            <IconButton\n              className={classes.icon}\n              data-testid=\"button-output\"\n              disabled={pr.hasNoScanResults}\n              onClick={() => setOpenOutput(true)}\n            >\n              <OutputIcon disabled={pr.hasNoScanResults} />\n            </IconButton>\n          </Box>\n        </Tooltip>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAyBA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC9C,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,MAAA;AAAA,IACZ,GAAK,EAAA;AAAA,GACP;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,mBAAqB,EAAA;AAAA,MACnB,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC7B;AAEJ,CAAE,CAAA,CAAA;AAMK,MAAM,0BAET,GAAA,CAAC,EAAE,EAAA,EAAS,KAAA;AACd,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAG,EAAA,EAAA,CAAG,EAAE,CAAA,OAAA,CAAA;AAAA,MACb,OAAO,EAAG,CAAA,EAAA;AAAA,MACV,IAAM,EAAA,UAAA;AAAA,MACN,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,MAClC,SAAW,EAAA,iBAAA;AAAA,MACX,cAAA,EAAgB,EAAE,EAAO,EAAA;AAAA,MACzB,SAAS,EAAA,IAAA;AAAA,MACT,QAAS,EAAA;AAAA;AAAA,GAGX,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAG,EAAA,EAAA,CAAG,EAAE,CAAA,KAAA,CAAA;AAAA,MACb,OAAO,EAAG,CAAA,EAAA;AAAA,MACV,IAAM,EAAA,QAAA;AAAA,MACN,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,MAChC,SAAW,EAAA,eAAA;AAAA,MACX,cAAA,EAAgB,EAAE,EAAO,EAAA;AAAA,MACzB,SAAS,EAAA,IAAA;AAAA,MACT,QAAS,EAAA;AAAA;AAAA,GAGX,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,UACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,EAAG,CAAA,QAAA,GAAW,WAAc,GAAA,qCAAA;AAAA,MAE9B,KAAK,EAAA;AAAA,KAAA;AAAA,wCAEJ,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,aAAA;AAAA,QACZ,WAAW,OAAQ,CAAA,IAAA;AAAA,QACnB,QAAA,EAAU,CAAC,EAAG,CAAA,QAAA;AAAA,QACd,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI;AAAA,OAAA;AAAA,sBAE9B,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,QAAU,EAAA,CAAC,GAAG,QAAU,EAAA;AAAA,KAE1C;AAAA,GAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,EAAG,CAAA,gBAAA,GACC,6CACA,GAAA,mBAAA;AAAA,MAEN,KAAK,EAAA;AAAA,KAAA;AAAA,wCAEJ,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,IAAA;AAAA,QACnB,aAAY,EAAA,eAAA;AAAA,QACZ,UAAU,EAAG,CAAA,gBAAA;AAAA,QACb,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI;AAAA,OAAA;AAAA,sBAEhC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,QAAU,EAAA,EAAA,CAAG,gBAAkB,EAAA;AAAA,KAE/C;AAAA,GAEJ,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunTableRowActions.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableRowActions.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 { useState, Fragment } from 'react';\nimport { Box, IconButton, makeStyles, Theme } from '@material-ui/core';\nimport Tooltip from '@mui/material/Tooltip';\nimport PipelineRunOutput from './PipelineRunOutput';\nimport { PipelineRunLogs } from '../PipelineRunLogs/PipelineRunLogs';\nimport { DialogLauncher } from '../DialogLauncher/DialogLauncher';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { ViewLogsIcon } from '../Icons/LogsIcon';\nimport { OutputIcon } from '../Icons/OutputIcon';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  boxActions: {\n    display: 'flex',\n    alignItems: 'left',\n    gap: '0.5rem',\n  },\n  icon: {\n    padding: 0,\n    '&:nth-child(even)': {\n      marginLeft: theme.spacing(1),\n    },\n  },\n}));\n\ntype PipelineRunTableRowActionsProps = {\n  pr: PipelineRunResult;\n};\n\nexport const PipelineRunTableRowActions: FC<\n  PipelineRunTableRowActionsProps\n> = ({ pr }) => {\n  const [openOutput, setOpenOutput] = useState(false);\n  const [openLogs, setOpenLogs] = useState(false);\n  const classes = useStyles();\n\n  return (\n    <Fragment>\n      <DialogLauncher\n        key={`${pr.id}-output`}\n        title={pr.id}\n        open={openOutput}\n        onClose={() => setOpenOutput(false)}\n        component={PipelineRunOutput}\n        componentProps={{ pr: pr }}\n        fullWidth\n        maxWidth=\"xl\"\n      />\n      <DialogLauncher\n        key={`${pr.id}-logs`}\n        title={pr.id}\n        open={openLogs}\n        onClose={() => setOpenLogs(false)}\n        component={PipelineRunLogs}\n        componentProps={{ pr: pr }}\n        fullWidth\n        maxWidth=\"xl\"\n      />\n      <Box className={classes.boxActions}>\n        <Tooltip\n          title={\n            pr.hasSteps ? 'View Logs' : 'Logs are not available for this run'\n          }\n          arrow\n        >\n          <Box>\n            <IconButton\n              data-testid=\"button-logs\"\n              className={classes.icon}\n              disabled={!pr.hasSteps}\n              onClick={() => setOpenLogs(true)}\n            >\n              <ViewLogsIcon disabled={!pr.hasSteps} />\n            </IconButton>\n          </Box>\n        </Tooltip>\n        <Tooltip\n          title={\n            pr.hasNoScanResults\n              ? 'Scan Results are not available for this run'\n              : 'View Scan Results'\n          }\n          arrow\n        >\n          <Box>\n            <IconButton\n              className={classes.icon}\n              data-testid=\"button-output\"\n              disabled={pr.hasNoScanResults}\n              onClick={() => setOpenOutput(true)}\n            >\n              <OutputIcon disabled={pr.hasNoScanResults} />\n            </IconButton>\n          </Box>\n        </Tooltip>\n      </Box>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyles, FormControl, Select, InputAdornment, MenuItem } from '@material-ui/core';
 import { FilterAlt, Search } from '@mui/icons-material';
 import Input from '@mui/material/Input';
-import React from 'react';
+import { Fragment } from 'react';
 import Grid from '@mui/material/Grid';
 import { PipelineRunTablePagination } from './PipelineRunTablePagination.esm.js';
 
@@ -37,39 +38,45 @@ const PipelineRunToolbar = ({
   handleChangeRowsPerPage
 }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid, { container: true, className: classes.toolbar }, /* @__PURE__ */ React.createElement(FormControl, { className: classes.formControl }, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      fullWidth: true,
-      value: "Name",
-      className: classes.searchInput,
-      readOnly: true,
-      startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(FilterAlt, null))
-    },
-    /* @__PURE__ */ React.createElement(MenuItem, { value: "Name" }, "Name")
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      inputRef: searchInputRef,
-      fullWidth: true,
-      className: classes.searchInput,
-      "aria-label": "search",
-      placeholder: "Search by name",
-      "data-testid": "pipeline-run-toolbar-input",
-      onChange: (e) => onSearch(e.target.value),
-      startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(Search, null))
-    }
-  ))))), /* @__PURE__ */ React.createElement(Grid, { container: true, className: classes.pagination }, /* @__PURE__ */ React.createElement(
-    PipelineRunTablePagination,
-    {
-      count: totalCount,
-      page,
-      rowSize,
-      rowsPerPage,
-      handleChangePage,
-      handleChangeRowsPerPage
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, className: classes.toolbar, children: /* @__PURE__ */ jsx(FormControl, { className: classes.formControl, children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          fullWidth: true,
+          value: "Name",
+          className: classes.searchInput,
+          readOnly: true,
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(FilterAlt, {}) }),
+          children: /* @__PURE__ */ jsx(MenuItem, { value: "Name", children: "Name" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          inputRef: searchInputRef,
+          fullWidth: true,
+          className: classes.searchInput,
+          "aria-label": "search",
+          placeholder: "Search by name",
+          "data-testid": "pipeline-run-toolbar-input",
+          onChange: (e) => onSearch(e.target.value),
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Search, {}) })
+        }
+      ) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, className: classes.pagination, children: /* @__PURE__ */ jsx(
+      PipelineRunTablePagination,
+      {
+        count: totalCount,
+        page,
+        rowSize,
+        rowsPerPage,
+        handleChangePage,
+        handleChangeRowsPerPage
+      }
+    ) })
+  ] });
 };
 
 export { PipelineRunToolbar };

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunToolbar.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunToolbar.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 {\n  FormControl,\n  InputAdornment,\n  makeStyles,\n  MenuItem,\n  Select,\n  Theme,\n} from '@material-ui/core';\nimport { Search, FilterAlt } from '@mui/icons-material';\nimport Input from '@mui/material/Input';\nimport React from 'react';\nimport Grid from '@mui/material/Grid';\nimport { PipelineRunTablePagination } from './PipelineRunTablePagination';\n\ntype PipelineRunToolbarProps = {\n  onSearch: (search: string) => void;\n  searchInputRef: React.ForwardedRef<HTMLInputElement>;\n  page: number;\n  rowSize: number[];\n  rowsPerPage: number;\n  totalCount: number;\n  handleChangePage: (newPage: number) => void;\n  handleChangeRowsPerPage: (rows: number) => void;\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  formControl: {\n    padding: theme.spacing(0, 2),\n  },\n  toolbar: {\n    marginLeft: theme.spacing(0), // reset container\n  },\n  searchInput: {\n    border: `1px solid ${theme.palette.divider}`,\n    borderRadius: '4px',\n    width: '200%',\n    backgroundColor: theme.palette.background.paper,\n    paddingBlockStart: theme.spacing(1),\n    paddingBlockEnd: theme.spacing(1),\n  },\n  pagination: {\n    padding: theme.spacing(0, 1),\n    justifyContent: 'flex-end',\n  },\n}));\n\nexport const PipelineRunToolbar: React.FC<PipelineRunToolbarProps> = ({\n  onSearch,\n  searchInputRef,\n  page,\n  rowSize,\n  rowsPerPage,\n  totalCount,\n  handleChangePage,\n  handleChangeRowsPerPage,\n}) => {\n  const classes = useStyles();\n\n  return (\n    <React.Fragment>\n      <Grid container className={classes.toolbar}>\n        <FormControl className={classes.formControl}>\n          <Grid container>\n            <Grid item xs={6}>\n              <Select\n                fullWidth\n                value=\"Name\"\n                className={classes.searchInput}\n                readOnly\n                startAdornment={\n                  <InputAdornment position=\"start\">\n                    <FilterAlt />\n                  </InputAdornment>\n                }\n              >\n                <MenuItem value=\"Name\">Name</MenuItem>\n              </Select>\n            </Grid>\n            <Grid item xs={6}>\n              <Input\n                inputRef={searchInputRef}\n                fullWidth\n                className={classes.searchInput}\n                aria-label=\"search\"\n                placeholder=\"Search by name\"\n                data-testid=\"pipeline-run-toolbar-input\"\n                onChange={e => onSearch(e.target.value)}\n                startAdornment={\n                  <InputAdornment position=\"start\">\n                    <Search />\n                  </InputAdornment>\n                }\n              />\n            </Grid>\n          </Grid>\n        </FormControl>\n      </Grid>\n      <Grid container className={classes.pagination}>\n        <PipelineRunTablePagination\n          count={totalCount}\n          page={page}\n          rowSize={rowSize}\n          rowsPerPage={rowsPerPage}\n          handleChangePage={handleChangePage}\n          handleChangeRowsPerPage={handleChangeRowsPerPage}\n        />\n      </Grid>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PipelineRunToolbar.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunToolbar.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 {\n  FormControl,\n  InputAdornment,\n  makeStyles,\n  MenuItem,\n  Select,\n  Theme,\n} from '@material-ui/core';\nimport { Search, FilterAlt } from '@mui/icons-material';\nimport Input from '@mui/material/Input';\nimport type { ForwardedRef, FC } from 'react';\nimport { Fragment } from 'react';\nimport Grid from '@mui/material/Grid';\nimport { PipelineRunTablePagination } from './PipelineRunTablePagination';\n\ntype PipelineRunToolbarProps = {\n  onSearch: (search: string) => void;\n  searchInputRef: ForwardedRef<HTMLInputElement>;\n  page: number;\n  rowSize: number[];\n  rowsPerPage: number;\n  totalCount: number;\n  handleChangePage: (newPage: number) => void;\n  handleChangeRowsPerPage: (rows: number) => void;\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  formControl: {\n    padding: theme.spacing(0, 2),\n  },\n  toolbar: {\n    marginLeft: theme.spacing(0), // reset container\n  },\n  searchInput: {\n    border: `1px solid ${theme.palette.divider}`,\n    borderRadius: '4px',\n    width: '200%',\n    backgroundColor: theme.palette.background.paper,\n    paddingBlockStart: theme.spacing(1),\n    paddingBlockEnd: theme.spacing(1),\n  },\n  pagination: {\n    padding: theme.spacing(0, 1),\n    justifyContent: 'flex-end',\n  },\n}));\n\nexport const PipelineRunToolbar: FC<PipelineRunToolbarProps> = ({\n  onSearch,\n  searchInputRef,\n  page,\n  rowSize,\n  rowsPerPage,\n  totalCount,\n  handleChangePage,\n  handleChangeRowsPerPage,\n}) => {\n  const classes = useStyles();\n\n  return (\n    <Fragment>\n      <Grid container className={classes.toolbar}>\n        <FormControl className={classes.formControl}>\n          <Grid container>\n            <Grid item xs={6}>\n              <Select\n                fullWidth\n                value=\"Name\"\n                className={classes.searchInput}\n                readOnly\n                startAdornment={\n                  <InputAdornment position=\"start\">\n                    <FilterAlt />\n                  </InputAdornment>\n                }\n              >\n                <MenuItem value=\"Name\">Name</MenuItem>\n              </Select>\n            </Grid>\n            <Grid item xs={6}>\n              <Input\n                inputRef={searchInputRef}\n                fullWidth\n                className={classes.searchInput}\n                aria-label=\"search\"\n                placeholder=\"Search by name\"\n                data-testid=\"pipeline-run-toolbar-input\"\n                onChange={e => onSearch(e.target.value)}\n                startAdornment={\n                  <InputAdornment position=\"start\">\n                    <Search />\n                  </InputAdornment>\n                }\n              />\n            </Grid>\n          </Grid>\n        </FormControl>\n      </Grid>\n      <Grid container className={classes.pagination}>\n        <PipelineRunTablePagination\n          count={totalCount}\n          page={page}\n          rowSize={rowSize}\n          rowsPerPage={rowsPerPage}\n          handleChangePage={handleChangePage}\n          handleChangeRowsPerPage={handleChangeRowsPerPage}\n        />\n      </Grid>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PipelineRunLogs/PipelineRunLogs.esm.js

@@ -1,33 +1,33 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, Fragment } from 'react';
 import { PipelineRunStepper } from './PipelineRunStepper.esm.js';
 import { Box, Paper } from '@material-ui/core';
 import Grid from '@mui/material/Grid';
 import { PipelineRunStepViewer } from './PipelineRunStepViewer.esm.js';
 import { PipelineRunLogsDownloader } from './PipelineRunLogsDownloader.esm.js';
 
-const PipelineRunLogs = ({
-  pr,
-  step
-}) => {
-  const [activeStep, setActiveStep] = React.useState(
-    step && step !== -1 ? step : 0
-  );
+const PipelineRunLogs = ({ pr, step }) => {
+  const [activeStep, setActiveStep] = useState(step && step !== -1 ? step : 0);
   const handleStepChange = (value) => {
     setActiveStep(value);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { "data-testid": "dialog-logs" }, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(PipelineRunLogsDownloader, { pr, activeStep })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Paper, null, /* @__PURE__ */ React.createElement(
-    PipelineRunStepper,
-    {
-      steps: pr.steps,
-      activeStep,
-      handleStepChange
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 9 }, /* @__PURE__ */ React.createElement(
-    PipelineRunStepViewer,
-    {
-      activeStepLog: pr?.steps[activeStep]?.logs || ""
-    }
-  )))));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Box, { "data-testid": "dialog-logs", children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(PipelineRunLogsDownloader, { pr, activeStep }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(
+      PipelineRunStepper,
+      {
+        steps: pr.steps,
+        activeStep,
+        handleStepChange
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 9, children: /* @__PURE__ */ jsx(
+      PipelineRunStepViewer,
+      {
+        activeStepLog: pr?.steps[activeStep]?.logs || ""
+      }
+    ) })
+  ] }) }) });
 };
 
 export { PipelineRunLogs };

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunLogs.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogs.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 { PipelineRunStepper } from './PipelineRunStepper';\nimport { Paper, Box } from '@material-ui/core';\nimport Grid from '@mui/material/Grid';\nimport { PipelineRunStepViewer } from './PipelineRunStepViewer';\nimport { PipelineRunLogsDownloader } from './PipelineRunLogsDownloader';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\n\ntype PipelineRunLogsProps = {\n  pr: PipelineRunResult;\n  step?: number;\n};\n\nexport const PipelineRunLogs: React.FC<PipelineRunLogsProps> = ({\n  pr,\n  step,\n}) => {\n  const [activeStep, setActiveStep] = React.useState(\n    step && step !== -1 ? step : 0,\n  );\n  const handleStepChange = (value: number) => {\n    setActiveStep(value);\n  };\n\n  return (\n    <React.Fragment>\n      <Box data-testid=\"dialog-logs\">\n        <Grid container>\n          <Grid item xs={12}>\n            <PipelineRunLogsDownloader pr={pr} activeStep={activeStep} />\n          </Grid>\n          <Grid item xs={3}>\n            <Paper>\n              <PipelineRunStepper\n                steps={pr.steps}\n                activeStep={activeStep}\n                handleStepChange={handleStepChange}\n              />\n            </Paper>\n          </Grid>\n          <Grid item xs={9}>\n            <PipelineRunStepViewer\n              activeStepLog={pr?.steps[activeStep]?.logs || ''}\n            />\n          </Grid>\n        </Grid>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,kBAAkD,CAAC;AAAA,EAC9D,EAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACxC,IAAA,IAAQ,IAAS,KAAA,CAAA,CAAA,GAAK,IAAO,GAAA;AAAA,GAC/B;AACA,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAAkB,KAAA;AAC1C,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,GACrB;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,QAAN,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,aAAY,EAAA,aAAA,EAAA,kBACd,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,yBAA0B,EAAA,EAAA,EAAA,EAAQ,YAAwB,CAC7D,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAA,sCACZ,KACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,OAAO,EAAG,CAAA,KAAA;AAAA,MACV,UAAA;AAAA,MACA;AAAA;AAAA,GAEJ,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,aAAe,EAAA,EAAA,EAAI,KAAM,CAAA,UAAU,GAAG,IAAQ,IAAA;AAAA;AAAA,GAElD,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunLogs.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogs.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 { useState, Fragment } from 'react';\nimport { PipelineRunStepper } from './PipelineRunStepper';\nimport { Paper, Box } from '@material-ui/core';\nimport Grid from '@mui/material/Grid';\nimport { PipelineRunStepViewer } from './PipelineRunStepViewer';\nimport { PipelineRunLogsDownloader } from './PipelineRunLogsDownloader';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\n\ntype PipelineRunLogsProps = {\n  pr: PipelineRunResult;\n  step?: number;\n};\n\nexport const PipelineRunLogs: FC<PipelineRunLogsProps> = ({ pr, step }) => {\n  const [activeStep, setActiveStep] = useState(step && step !== -1 ? step : 0);\n  const handleStepChange = (value: number) => {\n    setActiveStep(value);\n  };\n\n  return (\n    <Fragment>\n      <Box data-testid=\"dialog-logs\">\n        <Grid container>\n          <Grid item xs={12}>\n            <PipelineRunLogsDownloader pr={pr} activeStep={activeStep} />\n          </Grid>\n          <Grid item xs={3}>\n            <Paper>\n              <PipelineRunStepper\n                steps={pr.steps}\n                activeStep={activeStep}\n                handleStepChange={handleStepChange}\n              />\n            </Paper>\n          </Grid>\n          <Grid item xs={9}>\n            <PipelineRunStepViewer\n              activeStepLog={pr?.steps[activeStep]?.logs || ''}\n            />\n          </Grid>\n        </Grid>\n      </Box>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA8BO,MAAM,eAA4C,GAAA,CAAC,EAAE,EAAA,EAAI,MAAW,KAAA;AACzE,EAAM,MAAA,CAAC,YAAY,aAAa,CAAA,GAAI,SAAS,IAAQ,IAAA,IAAA,KAAS,CAAK,CAAA,GAAA,IAAA,GAAO,CAAC,CAAA;AAC3E,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAAkB,KAAA;AAC1C,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,GACrB;AAEA,EACE,uBAAA,GAAA,CAAC,YACC,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,eAAY,aACf,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,yBAAA,EAAA,EAA0B,EAAQ,EAAA,UAAA,EAAwB,CAC7D,EAAA,CAAA;AAAA,wBACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EACb,8BAAC,KACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,OAAO,EAAG,CAAA,KAAA;AAAA,QACV,UAAA;AAAA,QACA;AAAA;AAAA,OAEJ,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,aAAe,EAAA,EAAA,EAAI,KAAM,CAAA,UAAU,GAAG,IAAQ,IAAA;AAAA;AAAA,KAElD,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}