@backstage-community/plugin-multi-source-security-viewer 0.1.1

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

@@ -0,0 +1,50 @@
+import { makeStyles, TableHead, TableRow, TableCell } from '@material-ui/core';
+import React from 'react';
+
+const columns = {
+  pipelineRunId: {
+    name: "Pipeline Run ID"
+  },
+  type: {
+    name: "Type"
+  },
+  critical: {
+    name: "Critical"
+  },
+  important: {
+    name: "Important"
+  },
+  moderate: {
+    name: "Moderate"
+  },
+  low: {
+    name: "Low"
+  },
+  sbom: {
+    name: "SBOM"
+  },
+  actions: {
+    name: "Actions"
+  }
+};
+const useStyles = makeStyles((theme) => ({
+  columnHeader: {
+    fontWeight: "bold",
+    color: theme.palette.grey[600]
+  }
+}));
+const PipelineRunTableColumns = () => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, Object.entries(columns).map(([key, value]) => /* @__PURE__ */ React.createElement(
+    TableCell,
+    {
+      className: classes.columnHeader,
+      ...value.props,
+      key
+    },
+    value.name
+  )))));
+};
+
+export { PipelineRunTableColumns };
+//# sourceMappingURL=PipelineRunTableColumns.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunTableColumns.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableColumns.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  TableCell,\n  TableHead,\n  TableRow,\n  makeStyles,\n  Theme,\n} from '@material-ui/core';\nimport React from 'react';\n\ntype PipelineRunTableColumn = Record<\n  string,\n  { name: string; props?: Record<string, any> }\n>;\n\nconst columns: PipelineRunTableColumn = {\n  pipelineRunId: {\n    name: 'Pipeline Run ID',\n  },\n  type: {\n    name: 'Type',\n  },\n  critical: {\n    name: 'Critical',\n  },\n  important: {\n    name: 'Important',\n  },\n  moderate: {\n    name: 'Moderate',\n  },\n  low: {\n    name: 'Low',\n  },\n  sbom: {\n    name: 'SBOM',\n  },\n  actions: {\n    name: 'Actions',\n  },\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  columnHeader: {\n    fontWeight: 'bold',\n    color: theme.palette.grey[600],\n  },\n}));\n\nexport const PipelineRunTableColumns = () => {\n  const classes = useStyles();\n\n  return (\n    <React.Fragment>\n      <TableHead>\n        <TableRow>\n          {Object.entries(columns).map(([key, value]) => (\n            <TableCell\n              className={classes.columnHeader}\n              {...value.props}\n              key={key}\n            >\n              {value.name}\n            </TableCell>\n          ))}\n        </TableRow>\n      </TableHead>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;AA6BA,MAAM,OAAkC,GAAA;AAAA,EACtC,aAAe,EAAA;AAAA,IACb,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA;AAAA;AAEV,CAAA;AAEA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC9C,YAAc,EAAA;AAAA,IACZ,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAEjC,CAAE,CAAA,CAAA;AAEK,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,2CACG,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA,CAAC,iCACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EACE,MAAO,CAAA,OAAA,CAAQ,OAAO,CAAE,CAAA,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CACvC,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,YAAA;AAAA,MAClB,GAAG,KAAM,CAAA,KAAA;AAAA,MACV;AAAA,KAAA;AAAA,IAEC,KAAM,CAAA;AAAA,GAEV,CACH,CACF,CACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,130 @@
+import React from 'react';
+import { makeStyles, Box, Select, MenuItem, IconButton, TextField, Typography } from '@material-ui/core';
+import { FirstPage, NavigateBefore, NavigateNext, LastPage } from '@mui/icons-material';
+
+const useStyles = makeStyles(() => ({
+  actionsBox: {
+    display: "flex",
+    alignItems: "center"
+  },
+  typography: {
+    fontSize: "1rem"
+  }
+}));
+const PipelineRunTablePagination = ({
+  count,
+  page,
+  rowSize,
+  rowsPerPage,
+  handleChangePage,
+  handleChangeRowsPerPage
+}) => {
+  const classes = useStyles();
+  const [pageInput, setPageInput] = React.useState("1");
+  const handleRowsChange = (event) => {
+    handleChangeRowsPerPage(parseInt(event.target.value, 10));
+  };
+  const totalPages = React.useMemo(
+    () => Math.ceil(count / rowsPerPage),
+    [count, rowsPerPage]
+  );
+  const previousPage = React.useMemo(() => page - 1, [page]);
+  const nextPage = React.useMemo(() => page + 1, [page]);
+  const firstPage = React.useMemo(() => 0, []);
+  const lastPage = React.useMemo(() => totalPages - 1, [totalPages]);
+  const isFirstPage = React.useMemo(() => page === 0, [page]);
+  const isLastPage = React.useMemo(
+    () => page === totalPages - 1,
+    [totalPages, page]
+  );
+  const selectItemText = React.useMemo(() => {
+    return `${page === 0 ? 1 : page * rowsPerPage + 1} - ${rowsPerPage * (page + 1) > count ? count : rowsPerPage * (page + 1)} of ${count}`;
+  }, [count, page, rowsPerPage]);
+  const handleInputChange = (value) => {
+    const newPage = parseInt(value, 10);
+    if (newPage > 0 && newPage <= totalPages) {
+      handleChangePage(newPage - 1);
+    }
+    setPageInput(isNaN(newPage) ? "" : newPage.toString());
+  };
+  React.useEffect(() => {
+    setPageInput((page + 1).toString());
+  }, [page]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { className: classes.actionsBox, "data-testid": "pipeline-run-pagination" }, /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      variant: "standard",
+      renderValue: () => selectItemText,
+      value: rowsPerPage,
+      "aria-label": "rows per page",
+      "data-testid": "rows-per-page",
+      autoWidth: true,
+      disableUnderline: true,
+      displayEmpty: true,
+      onChange: handleRowsChange,
+      inputProps: {
+        style: { minWidth: 0, padding: 0 }
+      }
+    },
+    rowSize.map((size) => /* @__PURE__ */ React.createElement(MenuItem, { key: size, value: size }, size, " per page"))
+  ), /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      onClick: () => handleChangePage(firstPage),
+      disabled: isFirstPage,
+      "aria-label": "first page",
+      "data-testid": "first-page",
+      size: "small"
+    },
+    /* @__PURE__ */ React.createElement(FirstPage, null)
+  ), /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      onClick: () => handleChangePage(previousPage),
+      disabled: isFirstPage,
+      "aria-label": "previous page",
+      "data-testid": "previous-page",
+      size: "small"
+    },
+    /* @__PURE__ */ React.createElement(NavigateBefore, null)
+  ), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      size: "small",
+      value: pageInput,
+      variant: "outlined",
+      "aria-label": "page number",
+      "aria-describedby": "page-number",
+      id: "page-number-input",
+      "data-testid": "page-number",
+      style: { marginRight: "0.5rem" },
+      onChange: (e) => handleInputChange(e.target.value),
+      inputProps: {
+        style: { textAlign: "center", width: "2rem" }
+      }
+    }
+  ), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", style: { fontSize: "1rem" } }, "of ", totalPages), /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      onClick: () => handleChangePage(nextPage),
+      disabled: isLastPage,
+      "aria-label": "next page",
+      "data-testid": "next-page",
+      size: "small"
+    },
+    /* @__PURE__ */ React.createElement(NavigateNext, null)
+  ), /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      onClick: () => handleChangePage(lastPage),
+      disabled: isLastPage,
+      "aria-label": "last page",
+      "data-testid": "last-page",
+      size: "small"
+    },
+    /* @__PURE__ */ React.createElement(LastPage, null)
+  )));
+};
+
+export { PipelineRunTablePagination };
+//# sourceMappingURL=PipelineRunTablePagination.esm.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,81 @@
+import React 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';
+import { t_color_orange_40, t_color_yellow_40, t_color_blue_20 } from '@patternfly/react-tokens';
+import { CriticalRiskIcon } from '../Icons/CriticalIcon.esm.js';
+import { EqualsIcon } from '../Icons/EqualsIcon.esm.js';
+import { PipelineRunTableRowActions } from './PipelineRunTableRowActions.esm.js';
+import { PipelineRunSBOMLink } from './PipelineRunSBOMLink.esm.js';
+import { IconWithValue } from '../Icons/IconWithValue.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  row: {
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    "&:nth-of-type(odd)": {
+      backgroundColor: theme.palette.background.paper
+    }
+  },
+  criticalIcon: {
+    height: "1em",
+    width: "1em"
+  },
+  importantIcon: {
+    fill: t_color_orange_40.value,
+    height: "0.8em",
+    width: "0.8em"
+  },
+  moderateIcon: {
+    fill: t_color_yellow_40.value,
+    height: "1em",
+    width: "1em"
+  },
+  lowIcon: {
+    fill: t_color_blue_20.value,
+    height: "0.8em",
+    width: "0.8em",
+    marginLeft: "-0.2em"
+  }
+}));
+const PipelineRunTableRow = ({
+  index,
+  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 }))));
+};
+
+export { PipelineRunTableRow };
+//# sourceMappingURL=PipelineRunTableRow.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,87 @@
+import React from 'react';
+import { makeStyles, Box, IconButton } from '@material-ui/core';
+import Tooltip from '@mui/material/Tooltip';
+import PipelineRunOutput from './PipelineRunOutput.esm.js';
+import { PipelineRunLogs } from '../PipelineRunLogs/PipelineRunLogs.esm.js';
+import { DialogLauncher } from '../DialogLauncher/DialogLauncher.esm.js';
+import { ViewLogsIcon } from '../Icons/LogsIcon.esm.js';
+import { OutputIcon } from '../Icons/OutputIcon.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  boxActions: {
+    display: "flex",
+    alignItems: "left",
+    gap: "0.5rem"
+  },
+  icon: {
+    padding: 0,
+    "&:nth-child(even)": {
+      marginLeft: theme.spacing(1)
+    }
+  }
+}));
+const PipelineRunTableRowActions = ({ pr }) => {
+  const [openOutput, setOpenOutput] = React.useState(false);
+  const [openLogs, setOpenLogs] = React.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,
+      {
+        "data-testid": "button-logs",
+        className: classes.icon,
+        disabled: !pr.hasSteps,
+        onClick: () => setOpenLogs(true)
+      },
+      /* @__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,
+      {
+        className: classes.icon,
+        "data-testid": "button-output",
+        disabled: pr.hasNoScanResults,
+        onClick: () => setOpenOutput(true)
+      },
+      /* @__PURE__ */ React.createElement(OutputIcon, { disabled: pr.hasNoScanResults })
+    ))
+  )));
+};
+
+export { PipelineRunTableRowActions };
+//# sourceMappingURL=PipelineRunTableRowActions.esm.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,76 @@
+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 Grid from '@mui/material/Grid';
+import { PipelineRunTablePagination } from './PipelineRunTablePagination.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  formControl: {
+    padding: theme.spacing(0, 2)
+  },
+  toolbar: {
+    marginLeft: theme.spacing(0)
+    // reset container
+  },
+  searchInput: {
+    border: `1px solid ${theme.palette.divider}`,
+    borderRadius: "4px",
+    width: "200%",
+    backgroundColor: theme.palette.background.paper,
+    paddingBlockStart: theme.spacing(1),
+    paddingBlockEnd: theme.spacing(1)
+  },
+  pagination: {
+    padding: theme.spacing(0, 1),
+    justifyContent: "flex-end"
+  }
+}));
+const PipelineRunToolbar = ({
+  onSearch,
+  searchInputRef,
+  page,
+  rowSize,
+  rowsPerPage,
+  totalCount,
+  handleChangePage,
+  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
+    }
+  )));
+};
+
+export { PipelineRunToolbar };
+//# sourceMappingURL=PipelineRunToolbar.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,34 @@
+import React 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 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 || ""
+    }
+  )))));
+};
+
+export { PipelineRunLogs };
+//# sourceMappingURL=PipelineRunLogs.esm.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { downloadLogFile } from '@janus-idp/shared-react';
+import { makeStyles, createStyles, Box, Link } from '@material-ui/core';
+import DownloadIcon from '@mui/icons-material/FileDownloadOutlined';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    downloadLink: {
+      verticalAlign: "-0.180em",
+      marginLeft: theme.spacing(2)
+    }
+  })
+);
+const PipelineRunLogsDownloader = ({ pr, activeStep }) => {
+  const classes = useStyles();
+  const fullLogsFilename = `${pr.id || "pipelinerun"}-logs.txt`;
+  const stepLogsFilename = `${pr.id || "pipelinerun"}-step-${pr?.steps[activeStep]?.name || activeStep}-logs.txt`;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "flex-end", alignItems: "center" }, /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      component: "button",
+      variant: "body2",
+      disabled: !pr.logs,
+      "data-testid": "download-logfile",
+      download: true,
+      onClick: () => downloadLogFile(pr.logs, fullLogsFilename)
+    },
+    /* @__PURE__ */ React.createElement(DownloadIcon, { className: classes.downloadLink }),
+    " Download"
+  ), /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      component: "button",
+      variant: "body2",
+      download: true,
+      "data-testid": "download-logstep",
+      disabled: !pr?.steps[activeStep]?.logs,
+      onClick: () => downloadLogFile(pr.steps[activeStep].logs, stepLogsFilename)
+    },
+    /* @__PURE__ */ React.createElement(DownloadIcon, { className: classes.downloadLink }),
+    " Download all tasks logs"
+  )));
+};
+
+export { PipelineRunLogsDownloader };
+//# sourceMappingURL=PipelineRunLogsDownloader.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunLogsDownloader.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogsDownloader.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 { downloadLogFile } from '@janus-idp/shared-react';\nimport { Box, createStyles, makeStyles, Link, Theme } from '@material-ui/core';\nimport DownloadIcon from '@mui/icons-material/FileDownloadOutlined';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\n\ninterface PipelineRunLogsDowloaderProps {\n  pr: PipelineRunResult;\n  activeStep: number;\n}\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    downloadLink: {\n      verticalAlign: '-0.180em',\n      marginLeft: theme.spacing(2),\n    },\n  }),\n);\n\nexport const PipelineRunLogsDownloader: React.FC<\n  PipelineRunLogsDowloaderProps\n> = ({ pr, activeStep }) => {\n  const classes = useStyles();\n  const fullLogsFilename = `${pr.id || 'pipelinerun'}-logs.txt`;\n  const stepLogsFilename = `${pr.id || 'pipelinerun'}-step-${\n    pr?.steps[activeStep]?.name || activeStep\n  }-logs.txt`;\n\n  return (\n    <React.Fragment>\n      <Box display=\"flex\" justifyContent=\"flex-end\" alignItems=\"center\">\n        <Link\n          component=\"button\"\n          variant=\"body2\"\n          disabled={!pr.logs}\n          data-testid=\"download-logfile\"\n          download\n          onClick={() => downloadLogFile(pr.logs, fullLogsFilename)}\n        >\n          <DownloadIcon className={classes.downloadLink} /> Download\n        </Link>\n        <Link\n          component=\"button\"\n          variant=\"body2\"\n          download\n          data-testid=\"download-logstep\"\n          disabled={!pr?.steps[activeStep]?.logs}\n          onClick={() =>\n            downloadLogFile(pr.steps[activeStep].logs, stepLogsFilename)\n          }\n        >\n          <DownloadIcon className={classes.downloadLink} /> Download all tasks\n          logs\n        </Link>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;AA0BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,YAAc,EAAA;AAAA,MACZ,aAAe,EAAA,UAAA;AAAA,MACf,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC7B,GACD;AACH,CAAA;AAEO,MAAM,yBAET,GAAA,CAAC,EAAE,EAAA,EAAI,YAAiB,KAAA;AAC1B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,gBAAmB,GAAA,CAAA,EAAG,EAAG,CAAA,EAAA,IAAM,aAAa,CAAA,SAAA,CAAA;AAClD,EAAM,MAAA,gBAAA,GAAmB,CAAG,EAAA,EAAA,CAAG,EAAM,IAAA,aAAa,CAChD,MAAA,EAAA,EAAA,EAAI,KAAM,CAAA,UAAU,CAAG,EAAA,IAAA,IAAQ,UACjC,CAAA,SAAA,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,MAAO,EAAA,cAAA,EAAe,UAAW,EAAA,UAAA,EAAW,QACvD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,QAAA;AAAA,MACV,OAAQ,EAAA,OAAA;AAAA,MACR,QAAA,EAAU,CAAC,EAAG,CAAA,IAAA;AAAA,MACd,aAAY,EAAA,kBAAA;AAAA,MACZ,QAAQ,EAAA,IAAA;AAAA,MACR,OAAS,EAAA,MAAM,eAAgB,CAAA,EAAA,CAAG,MAAM,gBAAgB;AAAA,KAAA;AAAA,oBAEvD,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,OAAA,CAAQ,YAAc,EAAA,CAAA;AAAA,IAAE;AAAA,GAEnD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,QAAA;AAAA,MACV,OAAQ,EAAA,OAAA;AAAA,MACR,QAAQ,EAAA,IAAA;AAAA,MACR,aAAY,EAAA,kBAAA;AAAA,MACZ,QAAU,EAAA,CAAC,EAAI,EAAA,KAAA,CAAM,UAAU,CAAG,EAAA,IAAA;AAAA,MAClC,OAAA,EAAS,MACP,eAAgB,CAAA,EAAA,CAAG,MAAM,UAAU,CAAA,CAAE,MAAM,gBAAgB;AAAA,KAAA;AAAA,oBAG5D,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,OAAA,CAAQ,YAAc,EAAA,CAAA;AAAA,IAAE;AAAA,GAGrD,CACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,19 @@
+import { LogViewer } from '@backstage/core-components';
+import { Paper } from '@material-ui/core';
+import React from 'react';
+
+const PipelineRunStepViewer = ({
+  activeStepLog
+}) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Paper,
+    {
+      "data-testid": "step-log",
+      style: { height: "100%", width: "100%", minHeight: "30rem" }
+    },
+    /* @__PURE__ */ React.createElement(LogViewer, { text: activeStepLog })
+  ));
+};
+
+export { PipelineRunStepViewer };
+//# sourceMappingURL=PipelineRunStepViewer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunStepViewer.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunStepViewer.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 { LogViewer } from '@backstage/core-components';\nimport { Paper } from '@material-ui/core';\nimport React from 'react';\n\ninterface PipelineRunStepViewerProps {\n  activeStepLog: string;\n}\n\nexport const PipelineRunStepViewer: React.FC<PipelineRunStepViewerProps> = ({\n  activeStepLog,\n}) => {\n  return (\n    <React.Fragment>\n      <Paper\n        data-testid=\"step-log\"\n        style={{ height: '100%', width: '100%', minHeight: '30rem' }}\n      >\n        <LogViewer text={activeStepLog} />\n      </Paper>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AAuBO,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,UAAA;AAAA,MACZ,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAO,EAAA,MAAA,EAAQ,WAAW,OAAQ;AAAA,KAAA;AAAA,oBAE3D,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAM,aAAe,EAAA;AAAA,GAEpC,CAAA;AAEJ;;;;"}