@backstage-community/plugin-tekton 3.30.0 → 3.30.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 ### Dependencies
 
+## 3.30.2
+
+### Patch Changes
+
+- 6c5b40c: Move Status and hooks into plugin
+- 9f1486f: Updated dependency `@testing-library/jest-dom` to `6.9.1`.
+
+## 3.30.1
+
+### Patch Changes
+
+- dde8f40: tekton plugin support show pipeline run params and results
+
 ## 3.30.0
 
 ### Minor Changes

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

@@ -177,9 +177,27 @@ const PipelineRunList = () => {
                   TablePagination,
                   {
                     rowsPerPageOptions: [
-                      { value: 5, label: "5 rows" },
-                      { value: 10, label: "10 rows" },
-                      { value: 25, label: "25 rows" }
+                      {
+                        value: 5,
+                        label: t(
+                          "pipelineRunList.tablePagination.rowsPerPageOptionLabel",
+                          { num: "5" }
+                        )
+                      },
+                      {
+                        value: 10,
+                        label: t(
+                          "pipelineRunList.tablePagination.rowsPerPageOptionLabel",
+                          { num: "10" }
+                        )
+                      },
+                      {
+                        value: 25,
+                        label: t(
+                          "pipelineRunList.tablePagination.rowsPerPageOptionLabel",
+                          { num: "25" }
+                        )
+                      }
                     ],
                     count: filteredPipelineRuns.length,
                     rowsPerPage,

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunList.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunList.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 { PropsWithChildren, MouseEvent, ChangeEvent } from 'react';\n\nimport {\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useMemo,\n  useCallback,\n  memo,\n} from 'react';\n\nimport { InfoCard, Progress } from '@backstage/core-components';\n\nimport {\n  Box,\n  makeStyles,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TablePagination,\n  TableRow,\n  Toolbar,\n  Typography,\n} from '@material-ui/core';\n\nimport {\n  ComputedStatus,\n  PipelineRunKind,\n  pipelineRunStatus,\n} from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { ClusterErrors, Order } from '../../types/types';\nimport { getComparator } from '../../utils/tekton-utils';\nimport { ClusterSelector, ErrorPanel } from '../common';\nimport { StatusSelector } from '../common/StatusSelector';\nimport { TableExpandCollapse } from '../common/TableExpandCollapse';\nimport { getPipelineRunColumnHeader } from './PipelineRunColumnHeader';\nimport { PipelineRunListSearchBar } from './PipelineRunListSearchBar';\nimport { PipelineRunTableBody } from './PipelineRunTableBody';\nimport { EnhancedTableHead } from './PipelineTableHeader';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\ntype WrapperInfoCardProps = {\n  allErrors?: ClusterErrors;\n  showClusterSelector?: boolean;\n  titleClassName?: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    alignItems: 'start',\n    padding: theme.spacing(3, 0, 2.5, 2.5),\n  },\n  empty: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  title: {\n    display: 'flex',\n    gap: '20px',\n    alignItems: 'center',\n  },\n  footer: {\n    '&:nth-of-type(odd)': {\n      backgroundColor: `${theme.palette.background.paper}`,\n    },\n  },\n}));\n\nconst WrapperInfoCard = ({\n  children,\n  allErrors,\n  showClusterSelector = true,\n  titleClassName,\n}: PropsWithChildren<WrapperInfoCardProps>) => (\n  <>\n    {allErrors && allErrors.length > 0 && <ErrorPanel allErrors={allErrors} />}\n    <InfoCard\n      {...(showClusterSelector && {\n        title: (\n          <div className={titleClassName}>\n            <ClusterSelector />\n            <StatusSelector />\n            <TableExpandCollapse />\n          </div>\n        ),\n      })}\n    >\n      {children}\n    </InfoCard>\n  </>\n);\n\nconst PipelineRunList = () => {\n  const {\n    loaded,\n    responseError,\n    watchResourcesData,\n    selectedClusterErrors,\n    clusters,\n    selectedCluster,\n    selectedStatus,\n  } = useContext(TektonResourcesContext);\n  const [search, setSearch] = useState<string>('');\n  const [order, setOrder] = useState<Order>('desc');\n  const [orderBy, setOrderBy] = useState<string>('status.startTime');\n  const [orderById, setOrderById] = useState<string>('startTime'); // 2 columns have the same field\n  const [page, setPage] = useState<number>(0);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(5);\n  const { t } = useTranslationRef(tektonTranslationRef);\n  const pipelineRunColumnHeader = getPipelineRunColumnHeader(t);\n\n  // Jump to first page when cluster, status and search filter changed\n  const updateStateOnFilterChanges = useRef(false);\n  useEffect(() => {\n    if (updateStateOnFilterChanges.current) {\n      setPage(0);\n    } else {\n      updateStateOnFilterChanges.current = true;\n    }\n  }, [selectedCluster, selectedStatus, search]);\n\n  const allPipelineRuns = useMemo(() => {\n    const plrs =\n      watchResourcesData?.pipelineruns?.data?.map(d => ({\n        ...d,\n        id: d.metadata.uid,\n      })) ?? [];\n    return plrs as PipelineRunKind[];\n  }, [watchResourcesData]);\n\n  const filteredPipelineRuns = useMemo(() => {\n    let plrs = allPipelineRuns;\n\n    if (selectedStatus && selectedStatus !== ComputedStatus.All) {\n      plrs = plrs.filter(plr => pipelineRunStatus(plr) === selectedStatus);\n    }\n\n    if (search) {\n      const f = search.toLocaleUpperCase('en-US');\n      plrs = plrs.filter((plr: PipelineRunKind) => {\n        const n = plr.metadata?.name?.toLocaleUpperCase('en-US');\n        return n?.includes(f);\n      });\n    }\n\n    plrs = plrs.sort(getComparator(order, orderBy, orderById));\n\n    return plrs;\n  }, [allPipelineRuns, selectedStatus, search, order, orderBy, orderById]);\n\n  const visibleRows = useMemo(() => {\n    return filteredPipelineRuns.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredPipelineRuns, page, rowsPerPage, order, orderById]);\n\n  const handleRequestSort = useCallback(\n    (_event: MouseEvent<unknown>, property: string, id: string) => {\n      const isAsc = orderBy === property && order === 'asc';\n      setOrder(isAsc ? 'desc' : 'asc');\n      setOrderBy(property);\n      setOrderById(id);\n    },\n    [order, orderBy],\n  );\n\n  const handleChangePage = (_event: unknown, newPage: number) => {\n    setPage(newPage);\n  };\n\n  const handleChangeRowsPerPage = (event: ChangeEvent<HTMLInputElement>) => {\n    setRowsPerPage(parseInt(event.target.value, 10));\n    setPage(0);\n  };\n\n  // Avoid a layout jump when reaching the last page with empty rows.\n  const emptyRows =\n    page > 0\n      ? Math.max(\n          0,\n          (1 + page) * rowsPerPage - (filteredPipelineRuns.length ?? 0),\n        )\n      : 0;\n\n  const classes = useStyles();\n\n  const allErrors: ClusterErrors = [\n    ...(responseError ? [{ message: responseError }] : []),\n    ...(selectedClusterErrors ?? []),\n  ];\n\n  if (!loaded && !responseError)\n    return (\n      <div data-testid=\"tekton-progress\">\n        <Progress />\n      </div>\n    );\n\n  return (\n    <WrapperInfoCard\n      allErrors={allErrors}\n      showClusterSelector={clusters.length > 0}\n      titleClassName={classes.title}\n    >\n      <Box>\n        <Paper>\n          <Toolbar>\n            <Typography variant=\"h5\" component=\"h2\">\n              {t('pipelineRunList.title')}\n            </Typography>\n            <PipelineRunListSearchBar value={search} onChange={setSearch} />\n          </Toolbar>\n          <Table\n            aria-labelledby=\"Pipeline Runs\"\n            size=\"small\"\n            style={{ width: '100%' }}\n          >\n            <EnhancedTableHead\n              order={order}\n              orderBy={orderBy}\n              orderById={orderById}\n              onRequestSort={handleRequestSort}\n            />\n            {visibleRows?.length > 0 ? (\n              <TableBody>\n                <PipelineRunTableBody rows={visibleRows} />\n                {emptyRows > 0 && (\n                  <TableRow style={{ height: 55 * emptyRows }}>\n                    <TableCell colSpan={pipelineRunColumnHeader.length} />\n                  </TableRow>\n                )}\n                <TableRow className={classes.footer}>\n                  <TablePagination\n                    rowsPerPageOptions={[\n                      { value: 5, label: '5 rows' },\n                      { value: 10, label: '10 rows' },\n                      { value: 25, label: '25 rows' },\n                    ]}\n                    count={filteredPipelineRuns.length}\n                    rowsPerPage={rowsPerPage}\n                    page={page}\n                    onPageChange={handleChangePage}\n                    onRowsPerPageChange={handleChangeRowsPerPage}\n                    labelRowsPerPage={null}\n                  />\n                </TableRow>\n              </TableBody>\n            ) : (\n              <tbody>\n                <tr>\n                  <td colSpan={pipelineRunColumnHeader.length}>\n                    <div\n                      data-testid=\"no-pipeline-runs\"\n                      className={classes.empty}\n                    >\n                      {t('pipelineRunList.noPipelineRuns')}\n                    </div>\n                  </td>\n                </tr>\n              </tbody>\n            )}\n          </Table>\n        </Paper>\n      </Box>\n    </WrapperInfoCard>\n  );\n};\n\nexport default memo(PipelineRunList);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PipelineRunList.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunList.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 { PropsWithChildren, MouseEvent, ChangeEvent } from 'react';\n\nimport {\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useMemo,\n  useCallback,\n  memo,\n} from 'react';\n\nimport { InfoCard, Progress } from '@backstage/core-components';\n\nimport {\n  Box,\n  makeStyles,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TablePagination,\n  TableRow,\n  Toolbar,\n  Typography,\n} from '@material-ui/core';\n\nimport {\n  ComputedStatus,\n  PipelineRunKind,\n  pipelineRunStatus,\n} from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { ClusterErrors, Order } from '../../types/types';\nimport { getComparator } from '../../utils/tekton-utils';\nimport { ClusterSelector, ErrorPanel } from '../common';\nimport { StatusSelector } from '../common/StatusSelector';\nimport { TableExpandCollapse } from '../common/TableExpandCollapse';\nimport { getPipelineRunColumnHeader } from './PipelineRunColumnHeader';\nimport { PipelineRunListSearchBar } from './PipelineRunListSearchBar';\nimport { PipelineRunTableBody } from './PipelineRunTableBody';\nimport { EnhancedTableHead } from './PipelineTableHeader';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\ntype WrapperInfoCardProps = {\n  allErrors?: ClusterErrors;\n  showClusterSelector?: boolean;\n  titleClassName?: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    alignItems: 'start',\n    padding: theme.spacing(3, 0, 2.5, 2.5),\n  },\n  empty: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  title: {\n    display: 'flex',\n    gap: '20px',\n    alignItems: 'center',\n  },\n  footer: {\n    '&:nth-of-type(odd)': {\n      backgroundColor: `${theme.palette.background.paper}`,\n    },\n  },\n}));\n\nconst WrapperInfoCard = ({\n  children,\n  allErrors,\n  showClusterSelector = true,\n  titleClassName,\n}: PropsWithChildren<WrapperInfoCardProps>) => (\n  <>\n    {allErrors && allErrors.length > 0 && <ErrorPanel allErrors={allErrors} />}\n    <InfoCard\n      {...(showClusterSelector && {\n        title: (\n          <div className={titleClassName}>\n            <ClusterSelector />\n            <StatusSelector />\n            <TableExpandCollapse />\n          </div>\n        ),\n      })}\n    >\n      {children}\n    </InfoCard>\n  </>\n);\n\nconst PipelineRunList = () => {\n  const {\n    loaded,\n    responseError,\n    watchResourcesData,\n    selectedClusterErrors,\n    clusters,\n    selectedCluster,\n    selectedStatus,\n  } = useContext(TektonResourcesContext);\n  const [search, setSearch] = useState<string>('');\n  const [order, setOrder] = useState<Order>('desc');\n  const [orderBy, setOrderBy] = useState<string>('status.startTime');\n  const [orderById, setOrderById] = useState<string>('startTime'); // 2 columns have the same field\n  const [page, setPage] = useState<number>(0);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(5);\n  const { t } = useTranslationRef(tektonTranslationRef);\n  const pipelineRunColumnHeader = getPipelineRunColumnHeader(t);\n\n  // Jump to first page when cluster, status and search filter changed\n  const updateStateOnFilterChanges = useRef(false);\n  useEffect(() => {\n    if (updateStateOnFilterChanges.current) {\n      setPage(0);\n    } else {\n      updateStateOnFilterChanges.current = true;\n    }\n  }, [selectedCluster, selectedStatus, search]);\n\n  const allPipelineRuns = useMemo(() => {\n    const plrs =\n      watchResourcesData?.pipelineruns?.data?.map(d => ({\n        ...d,\n        id: d.metadata.uid,\n      })) ?? [];\n    return plrs as PipelineRunKind[];\n  }, [watchResourcesData]);\n\n  const filteredPipelineRuns = useMemo(() => {\n    let plrs = allPipelineRuns;\n\n    if (selectedStatus && selectedStatus !== ComputedStatus.All) {\n      plrs = plrs.filter(plr => pipelineRunStatus(plr) === selectedStatus);\n    }\n\n    if (search) {\n      const f = search.toLocaleUpperCase('en-US');\n      plrs = plrs.filter((plr: PipelineRunKind) => {\n        const n = plr.metadata?.name?.toLocaleUpperCase('en-US');\n        return n?.includes(f);\n      });\n    }\n\n    plrs = plrs.sort(getComparator(order, orderBy, orderById));\n\n    return plrs;\n  }, [allPipelineRuns, selectedStatus, search, order, orderBy, orderById]);\n\n  const visibleRows = useMemo(() => {\n    return filteredPipelineRuns.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filteredPipelineRuns, page, rowsPerPage, order, orderById]);\n\n  const handleRequestSort = useCallback(\n    (_event: MouseEvent<unknown>, property: string, id: string) => {\n      const isAsc = orderBy === property && order === 'asc';\n      setOrder(isAsc ? 'desc' : 'asc');\n      setOrderBy(property);\n      setOrderById(id);\n    },\n    [order, orderBy],\n  );\n\n  const handleChangePage = (_event: unknown, newPage: number) => {\n    setPage(newPage);\n  };\n\n  const handleChangeRowsPerPage = (event: ChangeEvent<HTMLInputElement>) => {\n    setRowsPerPage(parseInt(event.target.value, 10));\n    setPage(0);\n  };\n\n  // Avoid a layout jump when reaching the last page with empty rows.\n  const emptyRows =\n    page > 0\n      ? Math.max(\n          0,\n          (1 + page) * rowsPerPage - (filteredPipelineRuns.length ?? 0),\n        )\n      : 0;\n\n  const classes = useStyles();\n\n  const allErrors: ClusterErrors = [\n    ...(responseError ? [{ message: responseError }] : []),\n    ...(selectedClusterErrors ?? []),\n  ];\n\n  if (!loaded && !responseError)\n    return (\n      <div data-testid=\"tekton-progress\">\n        <Progress />\n      </div>\n    );\n\n  return (\n    <WrapperInfoCard\n      allErrors={allErrors}\n      showClusterSelector={clusters.length > 0}\n      titleClassName={classes.title}\n    >\n      <Box>\n        <Paper>\n          <Toolbar>\n            <Typography variant=\"h5\" component=\"h2\">\n              {t('pipelineRunList.title')}\n            </Typography>\n            <PipelineRunListSearchBar value={search} onChange={setSearch} />\n          </Toolbar>\n          <Table\n            aria-labelledby=\"Pipeline Runs\"\n            size=\"small\"\n            style={{ width: '100%' }}\n          >\n            <EnhancedTableHead\n              order={order}\n              orderBy={orderBy}\n              orderById={orderById}\n              onRequestSort={handleRequestSort}\n            />\n            {visibleRows?.length > 0 ? (\n              <TableBody>\n                <PipelineRunTableBody rows={visibleRows} />\n                {emptyRows > 0 && (\n                  <TableRow style={{ height: 55 * emptyRows }}>\n                    <TableCell colSpan={pipelineRunColumnHeader.length} />\n                  </TableRow>\n                )}\n                <TableRow className={classes.footer}>\n                  <TablePagination\n                    rowsPerPageOptions={[\n                      {\n                        value: 5,\n                        label: t(\n                          'pipelineRunList.tablePagination.rowsPerPageOptionLabel',\n                          { num: '5' },\n                        ),\n                      },\n                      {\n                        value: 10,\n                        label: t(\n                          'pipelineRunList.tablePagination.rowsPerPageOptionLabel',\n                          { num: '10' },\n                        ),\n                      },\n                      {\n                        value: 25,\n                        label: t(\n                          'pipelineRunList.tablePagination.rowsPerPageOptionLabel',\n                          { num: '25' },\n                        ),\n                      },\n                    ]}\n                    count={filteredPipelineRuns.length}\n                    rowsPerPage={rowsPerPage}\n                    page={page}\n                    onPageChange={handleChangePage}\n                    onRowsPerPageChange={handleChangeRowsPerPage}\n                    labelRowsPerPage={null}\n                  />\n                </TableRow>\n              </TableBody>\n            ) : (\n              <tbody>\n                <tr>\n                  <td colSpan={pipelineRunColumnHeader.length}>\n                    <div\n                      data-testid=\"no-pipeline-runs\"\n                      className={classes.empty}\n                    >\n                      {t('pipelineRunList.noPipelineRuns')}\n                    </div>\n                  </td>\n                </tr>\n              </tbody>\n            )}\n          </Table>\n        </Paper>\n      </Box>\n    </WrapperInfoCard>\n  );\n};\n\nexport default memo(PipelineRunList);\n"],"names":[],"mappings":"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"}

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

@@ -10,11 +10,13 @@ import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.j
 import { getTaskrunsOutputGroup, hasExternalLink, isSbomTaskRun } from '../../utils/taskRun-utils.esm.js';
 import OutputIcon from '../Icons/OutputIcon.esm.js';
 import ViewLogsIcon from '../Icons/ViewLogsIcon.esm.js';
+import ListAltIcon from '@mui/icons-material/ListAlt';
 import PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog.esm.js';
 import PipelineRunOutputDialog from '../PipelineRunOutput/PipelineRunOutputDialog.esm.js';
 import PipelineRunSBOMLink from './PipelineRunSBOMLink.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import '../../translations/index.esm.js';
+import { PipelineRunParamsAndResultsDialog } from '../PipelineRunParamsAndResults/PipelineRunParamsAndResultsDialog.esm.js';
 import { tektonTranslationRef } from '../../translations/ref.esm.js';
 
 const PipelineRunRowActions = ({
@@ -24,6 +26,7 @@ const PipelineRunRowActions = ({
   const [open, setOpen] = useState(false);
   const { t } = useTranslationRef(tektonTranslationRef);
   const [openOutput, setOpenOutput] = useState(false);
+  const [openParamsAndResults, setOpenParamsAndResults] = useState(false);
   const pods = watchResourcesData?.pods?.data || [];
   const taskRuns = watchResourcesData?.taskruns?.data || [];
   const { sbomTaskRun } = getTaskrunsOutputGroup(
@@ -90,7 +93,34 @@ const PipelineRunRowActions = ({
         }
       }
     ),
+    /* @__PURE__ */ jsx(
+      PipelineRunParamsAndResultsDialog,
+      {
+        pipelineRun,
+        open: openParamsAndResults,
+        closeDialog: () => {
+          setOpenParamsAndResults(false);
+        }
+      }
+    ),
     /* @__PURE__ */ jsxs(Flex, { gap: { default: "gapXs" }, children: [
+      /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: hasKubernetesProxyAccess.allowed ? t("pipelineRunList.rowActions.viewParamsAndResults") : t("pipelineRunList.rowActions.unauthorizedViewLogs"),
+          children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              "data-testid": "view-params-and-results-icon",
+              onClick: () => setOpenParamsAndResults(true),
+              disabled: !hasKubernetesProxyAccess.allowed,
+              style: { pointerEvents: "auto", padding: 0 },
+              children: /* @__PURE__ */ jsx(ListAltIcon, {})
+            }
+          )
+        }
+      ) }),
       /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
         Tooltip,
         {

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

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

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

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { pipelineRunFilterReducer, Status } from '@janus-idp/shared-react';
+import { pipelineRunFilterReducer } from '@janus-idp/shared-react';
+import { Status } from '../common/Status.esm.js';
 import './PlrStatus.css.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import '../../translations/index.esm.js';

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

@@ -1 +1 @@
-{"version":3,"file":"PlrStatus.esm.js","sources":["../../../src/components/PipelineRunList/PlrStatus.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  pipelineRunFilterReducer,\n  PipelineRunKind,\n  Status,\n} from '@janus-idp/shared-react';\n\nimport './PlrStatus.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\ntype PlrStatusProps = { obj: PipelineRunKind };\n\nconst PlrStatus = ({ obj }: PlrStatusProps) => {\n  const plrStatus = pipelineRunFilterReducer(obj);\n  const { t } = useTranslationRef(tektonTranslationRef);\n  return (\n    <Status\n      status={plrStatus}\n      displayStatusText={t(`pipelineRunStatus.${plrStatus}` as any, {\n        defaultValue: plrStatus,\n      })}\n      className=\"bs-tkn-plrstatus\"\n    />\n  );\n};\n\nexport default PlrStatus;\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,SAAA,GAAY,CAAC,EAAE,GAAA,EAAI,KAAsB;AAC7C,EAAA,MAAM,SAAA,GAAY,yBAAyB,GAAG,CAAA;AAC9C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,SAAA;AAAA,MACR,iBAAA,EAAmB,CAAA,CAAE,CAAA,kBAAA,EAAqB,SAAS,CAAA,CAAA,EAAW;AAAA,QAC5D,YAAA,EAAc;AAAA,OACf,CAAA;AAAA,MACD,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}
+{"version":3,"file":"PlrStatus.esm.js","sources":["../../../src/components/PipelineRunList/PlrStatus.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  pipelineRunFilterReducer,\n  PipelineRunKind,\n} from '@janus-idp/shared-react';\n\nimport { Status } from '../common/Status';\n\nimport './PlrStatus.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\ntype PlrStatusProps = { obj: PipelineRunKind };\n\nconst PlrStatus = ({ obj }: PlrStatusProps) => {\n  const plrStatus = pipelineRunFilterReducer(obj);\n  const { t } = useTranslationRef(tektonTranslationRef);\n  return (\n    <Status\n      status={plrStatus}\n      displayStatusText={t(`pipelineRunStatus.${plrStatus}` as any, {\n        defaultValue: plrStatus,\n      })}\n      className=\"bs-tkn-plrstatus\"\n    />\n  );\n};\n\nexport default PlrStatus;\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,SAAA,GAAY,CAAC,EAAE,GAAA,EAAI,KAAsB;AAC7C,EAAA,MAAM,SAAA,GAAY,yBAAyB,GAAG,CAAA;AAC9C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,SAAA;AAAA,MACR,iBAAA,EAAmB,CAAA,CAAE,CAAA,kBAAA,EAAqB,SAAS,CAAA,CAAA,EAAW;AAAA,QAC5D,YAAA,EAAc;AAAA,OACf,CAAA;AAAA,MACD,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/components/PipelineRunParamsAndResults/Output.esm.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
+import '../../translations/index.esm.js';
+import { tektonTranslationRef } from '../../translations/ref.esm.js';
+
+const Output = ({ results }) => {
+  const { t } = useTranslationRef(tektonTranslationRef);
+  if (!results.length) return null;
+  return /* @__PURE__ */ jsxs(Table, { "data-testid": "output-table", "aria-label": "output", "data-codemods": "true", children: [
+    /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+      /* @__PURE__ */ jsx(Th, { style: { textAlign: "left" }, width: 25, children: t("pipelineRunParamsAndResults.outputTableColumn.name") }),
+      /* @__PURE__ */ jsx(Th, { style: { textAlign: "left" }, children: t("pipelineRunParamsAndResults.outputTableColumn.value") })
+    ] }) }),
+    /* @__PURE__ */ jsx(Tbody, { children: results.map(({ name, value }) => /* @__PURE__ */ jsxs(Tr, { children: [
+      /* @__PURE__ */ jsx(Td, { children: name }),
+      /* @__PURE__ */ jsxs(Td, { children: [
+        Array.isArray(value) && value.join(", "),
+        !Array.isArray(value) && /* @__PURE__ */ jsx(Fragment, { children: typeof value === "object" ? JSON.stringify(value) : value })
+      ] })
+    ] }, `row-${name}`)) })
+  ] });
+};
+
+export { Output };
+//# sourceMappingURL=Output.esm.js.map

package/dist/components/PipelineRunParamsAndResults/Output.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Output.esm.js","sources":["../../../src/components/PipelineRunParamsAndResults/Output.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';\nimport { tektonTranslationRef } from '../../translations';\n\nexport type OutputResults = {\n  name: string;\n  value: string | string[] | Record<string, string>;\n};\n\nexport interface OutputProps {\n  results: {\n    name: string;\n    value: string | string[] | Record<string, string>;\n  }[];\n}\n\nexport const Output = ({ results }: OutputProps) => {\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  if (!results.length) return null;\n  return (\n    <Table data-testid=\"output-table\" aria-label=\"output\" data-codemods=\"true\">\n      <Thead>\n        <Tr>\n          <Th style={{ textAlign: 'left' }} width={25}>\n            {t('pipelineRunParamsAndResults.outputTableColumn.name')}\n          </Th>\n          <Th style={{ textAlign: 'left' }}>\n            {t('pipelineRunParamsAndResults.outputTableColumn.value')}\n          </Th>\n        </Tr>\n      </Thead>\n      <Tbody>\n        {results.map(({ name, value }) => (\n          <Tr key={`row-${name}`}>\n            <Td>{name}</Td>\n            <Td>\n              {Array.isArray(value) && value.join(', ')}\n              {!Array.isArray(value) && (\n                <>{typeof value === 'object' ? JSON.stringify(value) : value}</>\n              )}\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA+BO,MAAM,MAAA,GAAS,CAAC,EAAE,OAAA,EAAQ,KAAmB;AAClD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,IAAI,CAAC,OAAA,CAAQ,MAAA,EAAQ,OAAO,IAAA;AAC5B,EAAA,4BACG,KAAA,EAAA,EAAM,aAAA,EAAY,gBAAe,YAAA,EAAW,QAAA,EAAS,iBAAc,MAAA,EAClE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EACC,+BAAC,EAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,EAAA,EAAA,EAAG,KAAA,EAAO,EAAE,SAAA,EAAW,MAAA,IAAU,KAAA,EAAO,EAAA,EACtC,QAAA,EAAA,CAAA,CAAE,oDAAoD,CAAA,EACzD,CAAA;AAAA,sBACA,GAAA,CAAC,MAAG,KAAA,EAAO,EAAE,WAAW,MAAA,EAAO,EAC5B,QAAA,EAAA,CAAA,CAAE,qDAAqD,CAAA,EAC1D;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,KAAA,EAAM,qBAC1B,IAAA,CAAC,EAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,2BACT,EAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IAAK,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,QACvC,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,oBACnB,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,OAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,SAAA,CAAU,KAAK,IAAI,KAAA,EAAM;AAAA,OAAA,EAEjE;AAAA,KAAA,EAAA,EAPO,CAAA,IAAA,EAAO,IAAI,CAAA,CAQpB,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunParamsAndResults/PipelineRunParams.esm.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { Typography } from '@material-ui/core';
+import '../../translations/index.esm.js';
+import { Output } from './Output.esm.js';
+import { tektonTranslationRef } from '../../translations/ref.esm.js';
+
+const PipelineRunParams = ({ pipelineRun }) => {
+  const { t } = useTranslationRef(tektonTranslationRef);
+  const noDataAvailable = pipelineRun.spec?.params === void 0 || pipelineRun.spec?.params.length === 0;
+  if (noDataAvailable) {
+    return /* @__PURE__ */ jsx(Typography, { align: "center", variant: "body2", children: t("pipelineRunParamsAndResults.noParams") });
+  }
+  return /* @__PURE__ */ jsx(Output, { results: pipelineRun?.spec.params ?? [] });
+};
+
+export { PipelineRunParams };
+//# sourceMappingURL=PipelineRunParams.esm.js.map

package/dist/components/PipelineRunParamsAndResults/PipelineRunParams.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunParams.esm.js","sources":["../../../src/components/PipelineRunParamsAndResults/PipelineRunParams.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { PipelineRunKind } from '@janus-idp/shared-react';\nimport { Typography } from '@material-ui/core';\nimport { tektonTranslationRef } from '../../translations';\nimport { Output } from './Output';\n\ntype PipelineRunParamsProps = {\n  pipelineRun: PipelineRunKind;\n};\n\nexport const PipelineRunParams = ({ pipelineRun }: PipelineRunParamsProps) => {\n  const { t } = useTranslationRef(tektonTranslationRef);\n  const noDataAvailable =\n    pipelineRun.spec?.params === undefined ||\n    pipelineRun.spec?.params.length === 0;\n\n  if (noDataAvailable) {\n    return (\n      <Typography align=\"center\" variant=\"body2\">\n        {t('pipelineRunParamsAndResults.noParams')}\n      </Typography>\n    );\n  }\n\n  return <Output results={pipelineRun?.spec.params ?? []} />;\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,iBAAA,GAAoB,CAAC,EAAE,WAAA,EAAY,KAA8B;AAC5E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAA,MAAM,eAAA,GACJ,YAAY,IAAA,EAAM,MAAA,KAAW,UAC7B,WAAA,CAAY,IAAA,EAAM,OAAO,MAAA,KAAW,CAAA;AAEtC,EAAA,IAAI,eAAA,EAAiB;AACnB,IAAA,uBACE,GAAA,CAAC,cAAW,KAAA,EAAM,QAAA,EAAS,SAAQ,OAAA,EAChC,QAAA,EAAA,CAAA,CAAE,sCAAsC,CAAA,EAC3C,CAAA;AAAA,EAEJ;AAEA,EAAA,2BAAQ,MAAA,EAAA,EAAO,OAAA,EAAS,aAAa,IAAA,CAAK,MAAA,IAAU,EAAC,EAAG,CAAA;AAC1D;;;;"}

package/dist/components/PipelineRunParamsAndResults/PipelineRunParamsAndResults.esm.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import '../../translations/index.esm.js';
+import { Typography } from '@material-ui/core';
+import { PipelineRunParams } from './PipelineRunParams.esm.js';
+import { PipelineRunResults } from './PipelineRunResults.esm.js';
+import { tektonTranslationRef } from '../../translations/ref.esm.js';
+
+const PipelineRunParamsAndResults = ({
+  pipelineRun
+}) => {
+  const { t } = useTranslationRef(tektonTranslationRef);
+  return /* @__PURE__ */ jsxs("div", { style: { height: "80vh" }, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", align: "left", gutterBottom: true, children: t("pipelineRunParamsAndResults.params") }),
+      /* @__PURE__ */ jsx(PipelineRunParams, { pipelineRun })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { marginTop: "20px" }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", align: "left", gutterBottom: true, children: t("pipelineRunParamsAndResults.results") }),
+      /* @__PURE__ */ jsx(PipelineRunResults, { pipelineRun })
+    ] })
+  ] });
+};
+
+export { PipelineRunParamsAndResults };
+//# sourceMappingURL=PipelineRunParamsAndResults.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunParamsAndResults.esm.js","sources":["../../../src/components/PipelineRunParamsAndResults/PipelineRunParamsAndResults.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations';\nimport { Typography } from '@material-ui/core';\nimport { PipelineRunParams } from './PipelineRunParams';\nimport { PipelineRunResults } from './PipelineRunResults';\n\ntype PipelineRunParamsAndResultsProps = {\n  pipelineRun: PipelineRunKind;\n};\nexport const PipelineRunParamsAndResults = ({\n  pipelineRun,\n}: PipelineRunParamsAndResultsProps) => {\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <div style={{ height: '80vh' }}>\n      <div>\n        <Typography variant=\"h6\" align=\"left\" gutterBottom>\n          {t('pipelineRunParamsAndResults.params')}\n        </Typography>\n        <PipelineRunParams pipelineRun={pipelineRun} />\n      </div>\n      <div style={{ marginTop: '20px' }}>\n        <Typography variant=\"h6\" align=\"left\" gutterBottom>\n          {t('pipelineRunParamsAndResults.results')}\n        </Typography>\n        <PipelineRunResults pipelineRun={pipelineRun} />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AACF,CAAA,KAAwC;AACtC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,4BACG,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,MAAA,EAAQ,QAAO,EAC3B,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,IAAA,EAAK,KAAA,EAAM,QAAO,YAAA,EAAY,IAAA,EAC/C,QAAA,EAAA,CAAA,CAAE,oCAAoC,CAAA,EACzC,CAAA;AAAA,sBACA,GAAA,CAAC,qBAAkB,WAAA,EAA0B;AAAA,KAAA,EAC/C,CAAA;AAAA,yBACC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,SAAA,EAAW,QAAO,EAC9B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,IAAA,EAAK,KAAA,EAAM,QAAO,YAAA,EAAY,IAAA,EAC/C,QAAA,EAAA,CAAA,CAAE,qCAAqC,CAAA,EAC1C,CAAA;AAAA,sBACA,GAAA,CAAC,sBAAmB,WAAA,EAA0B;AAAA,KAAA,EAChD;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunParamsAndResults/PipelineRunParamsAndResultsDialog.esm.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ErrorBoundary } from '@backstage/core-components';
+import { makeStyles, Dialog, DialogTitle, Box, IconButton, DialogContent, createStyles } from '@material-ui/core';
+import CloseIcon from '@mui/icons-material/Close';
+import { tektonGroupColor } from '../../types/types.esm.js';
+import ResourceBadge from '../PipelineRunList/ResourceBadge.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import '../../translations/index.esm.js';
+import { PipelineRunParamsAndResults } from './PipelineRunParamsAndResults.esm.js';
+import { tektonTranslationRef } from '../../translations/ref.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    titleContainer: {
+      display: "flex",
+      alignItems: "center",
+      gap: theme.spacing(1)
+    },
+    closeButton: {
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+      color: theme.palette.grey[500]
+    }
+  })
+);
+const PipelineRunParamsAndResultsDialog = ({
+  open,
+  closeDialog,
+  pipelineRun
+}) => {
+  const classes = useStyles();
+  const { t } = useTranslationRef(tektonTranslationRef);
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      "data-testid": "pipelinerun-params-and-results-dialog",
+      maxWidth: "xl",
+      fullWidth: true,
+      open,
+      onClose: closeDialog,
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { title: t("pipelineRunParamsAndResults.title"), children: /* @__PURE__ */ jsxs(Box, { className: classes.titleContainer, children: [
+          /* @__PURE__ */ jsx(
+            ResourceBadge,
+            {
+              color: tektonGroupColor,
+              abbr: "PLR",
+              name: pipelineRun?.metadata?.name ?? ""
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": "close",
+              className: classes.closeButton,
+              onClick: closeDialog,
+              children: /* @__PURE__ */ jsx(CloseIcon, {})
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(PipelineRunParamsAndResults, { pipelineRun }) }) })
+      ]
+    }
+  );
+};
+
+export { PipelineRunParamsAndResultsDialog };
+//# sourceMappingURL=PipelineRunParamsAndResultsDialog.esm.js.map

package/dist/components/PipelineRunParamsAndResults/PipelineRunParamsAndResultsDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunParamsAndResultsDialog.esm.js","sources":["../../../src/components/PipelineRunParamsAndResults/PipelineRunParamsAndResultsDialog.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ErrorBoundary } from '@backstage/core-components';\nimport {\n  Box,\n  createStyles,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  makeStyles,\n  Theme,\n} from '@material-ui/core';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { tektonGroupColor } from '../../types/types';\nimport ResourceBadge from '../PipelineRunList/ResourceBadge';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations';\nimport { PipelineRunParamsAndResults } from './PipelineRunParamsAndResults';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    titleContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(1),\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\ntype PipelineRunParamsAndResultsDialogProps = {\n  open: boolean;\n  closeDialog: () => void;\n  pipelineRun: PipelineRunKind;\n};\nexport const PipelineRunParamsAndResultsDialog = ({\n  open,\n  closeDialog,\n  pipelineRun,\n}: PipelineRunParamsAndResultsDialogProps) => {\n  const classes = useStyles();\n\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <Dialog\n      data-testid=\"pipelinerun-params-and-results-dialog\"\n      maxWidth=\"xl\"\n      fullWidth\n      open={open}\n      onClose={closeDialog}\n    >\n      <DialogTitle title={t('pipelineRunParamsAndResults.title')}>\n        <Box className={classes.titleContainer}>\n          <ResourceBadge\n            color={tektonGroupColor}\n            abbr=\"PLR\"\n            name={pipelineRun?.metadata?.name ?? ''}\n          />\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={closeDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent>\n        <ErrorBoundary>\n          <PipelineRunParamsAndResults pipelineRun={pipelineRun} />\n        </ErrorBoundary>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAqCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAA,CAAa;AAAA,IACX,cAAA,EAAgB;AAAA,MACd,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,KACtB;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,UAAA;AAAA,MACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,GAAG;AAAA;AAC/B,GACD;AACH,CAAA;AAOO,MAAM,oCAAoC,CAAC;AAAA,EAChD,IAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,KAA8C;AAC5C,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,uCAAA;AAAA,MACZ,QAAA,EAAS,IAAA;AAAA,MACT,SAAA,EAAS,IAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MAET,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,OAAO,CAAA,CAAE,mCAAmC,GACvD,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,cAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,gBAAA;AAAA,cACP,IAAA,EAAK,KAAA;AAAA,cACL,IAAA,EAAM,WAAA,EAAa,QAAA,EAAU,IAAA,IAAQ;AAAA;AAAA,WACvC;AAAA,0BACA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAW,OAAA;AAAA,cACX,WAAW,OAAA,CAAQ,WAAA;AAAA,cACnB,OAAA,EAAS,WAAA;AAAA,cAET,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA;AACb,SAAA,EACF,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,iBACC,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EACC,8BAAC,2BAAA,EAAA,EAA4B,WAAA,EAA0B,GACzD,CAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/PipelineRunParamsAndResults/PipelineRunResults.esm.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { Typography } from '@material-ui/core';
+import '../../translations/index.esm.js';
+import { Output } from './Output.esm.js';
+import { tektonTranslationRef } from '../../translations/ref.esm.js';
+
+const PipelineRunResults = ({
+  pipelineRun
+}) => {
+  const { t } = useTranslationRef(tektonTranslationRef);
+  const noDataAvailable = pipelineRun.status?.results === void 0 || pipelineRun.status?.results.length === 0;
+  if (noDataAvailable) {
+    return /* @__PURE__ */ jsx(Typography, { align: "center", variant: "body2", children: t("pipelineRunParamsAndResults.noResults") });
+  }
+  return /* @__PURE__ */ jsx(Output, { results: pipelineRun?.status?.results ?? [] });
+};
+
+export { PipelineRunResults };
+//# sourceMappingURL=PipelineRunResults.esm.js.map

package/dist/components/PipelineRunParamsAndResults/PipelineRunResults.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunResults.esm.js","sources":["../../../src/components/PipelineRunParamsAndResults/PipelineRunResults.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { PipelineRunKind } from '@janus-idp/shared-react';\nimport { Typography } from '@material-ui/core';\nimport { tektonTranslationRef } from '../../translations';\nimport { Output } from './Output';\n\ntype PipelineRunResultsProps = {\n  pipelineRun: PipelineRunKind;\n};\n\nexport const PipelineRunResults = ({\n  pipelineRun,\n}: PipelineRunResultsProps) => {\n  const { t } = useTranslationRef(tektonTranslationRef);\n  const noDataAvailable =\n    pipelineRun.status?.results === undefined ||\n    pipelineRun.status?.results.length === 0;\n\n  if (noDataAvailable) {\n    return (\n      <Typography align=\"center\" variant=\"body2\">\n        {t('pipelineRunParamsAndResults.noResults')}\n      </Typography>\n    );\n  }\n\n  return <Output results={pipelineRun?.status?.results ?? []} />;\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AACF,CAAA,KAA+B;AAC7B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAA,MAAM,eAAA,GACJ,YAAY,MAAA,EAAQ,OAAA,KAAY,UAChC,WAAA,CAAY,MAAA,EAAQ,QAAQ,MAAA,KAAW,CAAA;AAEzC,EAAA,IAAI,eAAA,EAAiB;AACnB,IAAA,uBACE,GAAA,CAAC,cAAW,KAAA,EAAM,QAAA,EAAS,SAAQ,OAAA,EAChC,QAAA,EAAA,CAAA,CAAE,uCAAuC,CAAA,EAC5C,CAAA;AAAA,EAEJ;AAEA,EAAA,2BAAQ,MAAA,EAAA,EAAO,OAAA,EAAS,aAAa,MAAA,EAAQ,OAAA,IAAW,EAAC,EAAG,CAAA;AAC9D;;;;"}

package/dist/components/common/CamelCaseWrap.esm.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+
+const MEMO = {};
+const CamelCaseWrap = ({ value, dataTest }) => {
+  if (!value) {
+    return "-";
+  }
+  if (MEMO[value]) {
+    return MEMO[value];
+  }
+  const words = value.match(/[A-Z]+[^A-Z]*|[^A-Z]+/g);
+  const rendered = /* @__PURE__ */ jsx("span", { "data-testid": dataTest, children: words?.map((word, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    word,
+    i !== words.length - 1 && /* @__PURE__ */ jsx("wbr", {})
+  ] }, word)) });
+  MEMO[value] = rendered;
+  return rendered;
+};
+
+export { CamelCaseWrap, CamelCaseWrap as default };
+//# sourceMappingURL=CamelCaseWrap.esm.js.map

package/dist/components/common/CamelCaseWrap.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CamelCaseWrap.esm.js","sources":["../../../src/components/common/CamelCaseWrap.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Fragment } from 'react';\n\nconst MEMO: { [key: string]: any } = {};\n\ntype CamelCaseWrapProps = {\n  value: string;\n  dataTest?: string;\n};\n\nexport const CamelCaseWrap = ({ value, dataTest }: CamelCaseWrapProps) => {\n  if (!value) {\n    return '-';\n  }\n\n  if (MEMO[value]) {\n    return MEMO[value];\n  }\n\n  // Add word break points before capital letters (but keep consecutive capital letters together).\n  const words = value.match(/[A-Z]+[^A-Z]*|[^A-Z]+/g);\n  const rendered = (\n    <span data-testid={dataTest}>\n      {words?.map((word, i) => (\n        <Fragment key={word}>\n          {word}\n          {i !== words.length - 1 && <wbr />}\n        </Fragment>\n      ))}\n    </span>\n  );\n  MEMO[value] = rendered;\n  return rendered;\n};\n\nexport default CamelCaseWrap;\n"],"names":[],"mappings":";;;AAkBA,MAAM,OAA+B,EAAC;AAO/B,MAAM,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAO,UAAS,KAA0B;AACxE,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,GAAA;AAAA,EACT;AAEA,EAAA,IAAI,IAAA,CAAK,KAAK,CAAA,EAAG;AACf,IAAA,OAAO,KAAK,KAAK,CAAA;AAAA,EACnB;AAGA,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,wBAAwB,CAAA;AAClD,EAAA,MAAM,QAAA,mBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAa,QAAA,EAChB,QAAA,EAAA,KAAA,EAAO,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,qBACjB,IAAA,CAAC,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,CAAA,KAAM,KAAA,CAAM,MAAA,GAAS,CAAA,wBAAM,KAAA,EAAA,EAAI;AAAA,GAAA,EAAA,EAFnB,IAGf,CACD,CAAA,EACH,CAAA;AAEF,EAAA,IAAA,CAAK,KAAK,CAAA,GAAI,QAAA;AACd,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/components/common/ClusterSelector.esm.js

@@ -4,6 +4,9 @@ import { Select } from '@backstage/core-components';
 import { makeStyles, Typography } from '@material-ui/core';
 import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
 import './ClusterSelector.css.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import '../../translations/index.esm.js';
+import { tektonTranslationRef } from '../../translations/ref.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   label: {
@@ -20,6 +23,7 @@ const ClusterSelector = () => {
     selectedCluster,
     setSelectedCluster: setClusterContext
   } = useContext(TektonResourcesContext);
+  const { t } = useTranslationRef(tektonTranslationRef);
   const clusterOptions = k8sClusters.map((cluster) => ({
     value: cluster,
     label: cluster
@@ -32,7 +36,7 @@ const ClusterSelector = () => {
     setClusterSelected(arg);
   };
   return /* @__PURE__ */ jsxs("div", { className: "bs-tkn-cluster-selector", children: [
-    /* @__PURE__ */ jsx(Typography, { className: classes.label, children: "Cluster" }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.label, children: t("clusterSelector.label") }),
     /* @__PURE__ */ jsx(
       Select,
       {

package/dist/components/common/ClusterSelector.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterSelector.esm.js","sources":["../../../src/components/common/ClusterSelector.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useContext, useState } from 'react';\n\nimport { Select, SelectedItems } from '@backstage/core-components';\nimport { BackstageTheme } from '@backstage/theme';\n\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\n\nimport './ClusterSelector.css';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  label: {\n    color: theme.palette.text.primary,\n    fontSize: '1rem',\n    paddingRight: '10px',\n    fontWeight: 'bold',\n  },\n}));\n\nexport const ClusterSelector = () => {\n  const classes = useStyles();\n  const {\n    clusters: k8sClusters,\n    selectedCluster,\n    setSelectedCluster: setClusterContext,\n  } = useContext(TektonResourcesContext);\n  const clusterOptions = k8sClusters.map(cluster => ({\n    value: cluster,\n    label: cluster,\n  }));\n\n  const curCluster =\n    selectedCluster && k8sClusters?.length > 0\n      ? k8sClusters[selectedCluster]\n      : k8sClusters?.[0];\n\n  const [clusterSelected, setClusterSelected] =\n    useState<SelectedItems>(curCluster);\n\n  const onClusterChange = (arg: SelectedItems) => {\n    const index = k8sClusters.findIndex(cluster => cluster === arg);\n    setClusterContext(index);\n    setClusterSelected(arg);\n  };\n  return (\n    <div className=\"bs-tkn-cluster-selector\">\n      <Typography className={classes.label}>Cluster</Typography>\n      <Select\n        onChange={onClusterChange}\n        label=\"\"\n        items={clusterOptions}\n        selected={clusterSelected}\n        margin=\"dense\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,SAAA,GAAY,WAA2B,CAAA,KAAA,MAAU;AAAA,EACrD,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,IAC1B,QAAA,EAAU,MAAA;AAAA,IACV,YAAA,EAAc,MAAA;AAAA,IACd,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEK,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,WAAA;AAAA,IACV,eAAA;AAAA,IACA,kBAAA,EAAoB;AAAA,GACtB,GAAI,WAAW,sBAAsB,CAAA;AACrC,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,IACjD,KAAA,EAAO,OAAA;AAAA,IACP,KAAA,EAAO;AAAA,GACT,CAAE,CAAA;AAEF,EAAA,MAAM,UAAA,GACJ,mBAAmB,WAAA,EAAa,MAAA,GAAS,IACrC,WAAA,CAAY,eAAe,CAAA,GAC3B,WAAA,GAAc,CAAC,CAAA;AAErB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GACxC,SAAwB,UAAU,CAAA;AAEpC,EAAA,MAAM,eAAA,GAAkB,CAAC,GAAA,KAAuB;AAC9C,IAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,SAAA,CAAU,CAAA,OAAA,KAAW,YAAY,GAAG,CAAA;AAC9D,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,kBAAA,CAAmB,GAAG,CAAA;AAAA,EACxB,CAAA;AACA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAO,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,oBAC7C,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,eAAA;AAAA,QACV,KAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO,cAAA;AAAA,QACP,QAAA,EAAU,eAAA;AAAA,QACV,MAAA,EAAO;AAAA;AAAA;AACT,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClusterSelector.esm.js","sources":["../../../src/components/common/ClusterSelector.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useContext, useState } from 'react';\n\nimport { Select, SelectedItems } from '@backstage/core-components';\nimport { BackstageTheme } from '@backstage/theme';\n\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\n\nimport './ClusterSelector.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  label: {\n    color: theme.palette.text.primary,\n    fontSize: '1rem',\n    paddingRight: '10px',\n    fontWeight: 'bold',\n  },\n}));\n\nexport const ClusterSelector = () => {\n  const classes = useStyles();\n  const {\n    clusters: k8sClusters,\n    selectedCluster,\n    setSelectedCluster: setClusterContext,\n  } = useContext(TektonResourcesContext);\n  const { t } = useTranslationRef(tektonTranslationRef);\n  const clusterOptions = k8sClusters.map(cluster => ({\n    value: cluster,\n    label: cluster,\n  }));\n\n  const curCluster =\n    selectedCluster && k8sClusters?.length > 0\n      ? k8sClusters[selectedCluster]\n      : k8sClusters?.[0];\n\n  const [clusterSelected, setClusterSelected] =\n    useState<SelectedItems>(curCluster);\n\n  const onClusterChange = (arg: SelectedItems) => {\n    const index = k8sClusters.findIndex(cluster => cluster === arg);\n    setClusterContext(index);\n    setClusterSelected(arg);\n  };\n  return (\n    <div className=\"bs-tkn-cluster-selector\">\n      <Typography className={classes.label}>\n        {t('clusterSelector.label')}\n      </Typography>\n      <Select\n        onChange={onClusterChange}\n        label=\"\"\n        items={clusterOptions}\n        selected={clusterSelected}\n        margin=\"dense\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA4BA,MAAM,SAAA,GAAY,WAA2B,CAAA,KAAA,MAAU;AAAA,EACrD,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,IAC1B,QAAA,EAAU,MAAA;AAAA,IACV,YAAA,EAAc,MAAA;AAAA,IACd,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEK,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,WAAA;AAAA,IACV,eAAA;AAAA,IACA,kBAAA,EAAoB;AAAA,GACtB,GAAI,WAAW,sBAAsB,CAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,IACjD,KAAA,EAAO,OAAA;AAAA,IACP,KAAA,EAAO;AAAA,GACT,CAAE,CAAA;AAEF,EAAA,MAAM,UAAA,GACJ,mBAAmB,WAAA,EAAa,MAAA,GAAS,IACrC,WAAA,CAAY,eAAe,CAAA,GAC3B,WAAA,GAAc,CAAC,CAAA;AAErB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GACxC,SAAwB,UAAU,CAAA;AAEpC,EAAA,MAAM,eAAA,GAAkB,CAAC,GAAA,KAAuB;AAC9C,IAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,SAAA,CAAU,CAAA,OAAA,KAAW,YAAY,GAAG,CAAA;AAC9D,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,kBAAA,CAAmB,GAAG,CAAA;AAAA,EACxB,CAAA;AACA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,SAAA,EAAW,OAAA,CAAQ,KAAA,EAC5B,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,eAAA;AAAA,QACV,KAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO,cAAA;AAAA,QACP,QAAA,EAAU,eAAA;AAAA,QACV,MAAA,EAAO;AAAA;AAAA;AACT,GAAA,EACF,CAAA;AAEJ;;;;"}