@backstage-community/plugin-tekton 3.22.2 → 3.25.0

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunLogs.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogs.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { LogViewer, Progress } from '@backstage/core-components';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { Paper } from '@material-ui/core';\nimport Grid from '@material-ui/core/Grid';\n\nimport {\n  getTaskRunsForPipelineRun,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@janus-idp/shared-react';\n\nimport { getActiveTaskRun, getSortedTaskRuns } from '../../utils/taskRun-utils';\nimport { PipelineRunLogViewer } from './PipelineRunLogViewer';\nimport { TaskStatusStepper } from './TaskStatusStepper';\n\ntype PipelineRunLogsProps = {\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n  pods: V1Pod[];\n  activeTask?: string;\n  setActiveTask: (t: string) => void;\n};\nexport const PipelineRunLogs = ({\n  pipelineRun,\n  taskRuns,\n  pods,\n  activeTask,\n  setActiveTask,\n}: PipelineRunLogsProps) => {\n  const PLRTaskRuns = getTaskRunsForPipelineRun(pipelineRun, taskRuns);\n  const sortedTaskRuns = getSortedTaskRuns(PLRTaskRuns);\n  const taskRunFromYaml = PLRTaskRuns?.reduce(\n    (acc: { [value: string]: TaskRunKind }, value) => {\n      if (value?.metadata?.name) {\n        acc[value.metadata.name] = value;\n      }\n      return acc;\n    },\n    {},\n  );\n\n  const completed = pipelineRunFilterReducer(pipelineRun);\n  const [lastActiveStepId, setLastActiveStepId] = React.useState<string>('');\n\n  React.useEffect(() => {\n    const mostRecentFailedOrActiveStep = sortedTaskRuns.find(tr =>\n      ['Failed', 'Running'].includes(tr.status),\n    );\n\n    if (completed && !mostRecentFailedOrActiveStep && !activeTask) {\n      setLastActiveStepId(sortedTaskRuns[sortedTaskRuns.length - 1]?.id);\n      return;\n    }\n\n    setLastActiveStepId(\n      !activeTask ? (mostRecentFailedOrActiveStep?.id as string) : '',\n    );\n  }, [sortedTaskRuns, completed, activeTask]);\n\n  const currentStepId = activeTask || lastActiveStepId;\n  const activeItem = getActiveTaskRun(sortedTaskRuns, currentStepId);\n  const podName =\n    activeItem && taskRunFromYaml?.[currentStepId]?.status?.podName;\n  const podData = React.useMemo(\n    () =>\n      pods.find(pod => {\n        return pod?.metadata?.name === podName;\n      }),\n    [pods, podName],\n  );\n\n  return (\n    <Grid container>\n      <Grid item xs={3}>\n        <Paper>\n          <TaskStatusStepper\n            steps={sortedTaskRuns}\n            currentStepId={currentStepId}\n            onUserStepChange={setActiveTask}\n          />\n        </Paper>\n      </Grid>\n      <Grid item xs={9}>\n        {!currentStepId && <Progress />}\n        <div style={{ height: '80vh' }}>\n          {!podData ? (\n            <Paper\n              elevation={1}\n              style={{ height: '100%', width: '100%', minHeight: '30rem' }}\n            >\n              <LogViewer text=\"No Logs found\" />\n            </Paper>\n          ) : (\n            <PipelineRunLogViewer pod={podData} />\n          )}\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default PipelineRunLogs;\n"],"names":["React"],"mappings":"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"}
+{"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 { useState, useEffect, useMemo } from 'react';\n\nimport { LogViewer, Progress } from '@backstage/core-components';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { Paper } from '@material-ui/core';\nimport Grid from '@material-ui/core/Grid';\n\nimport {\n  getTaskRunsForPipelineRun,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@janus-idp/shared-react';\n\nimport { getActiveTaskRun, getSortedTaskRuns } from '../../utils/taskRun-utils';\nimport { PipelineRunLogViewer } from './PipelineRunLogViewer';\nimport { TaskStatusStepper } from './TaskStatusStepper';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\ntype PipelineRunLogsProps = {\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n  pods: V1Pod[];\n  activeTask?: string;\n  setActiveTask: (t: string) => void;\n};\nexport const PipelineRunLogs = ({\n  pipelineRun,\n  taskRuns,\n  pods,\n  activeTask,\n  setActiveTask,\n}: PipelineRunLogsProps) => {\n  const PLRTaskRuns = getTaskRunsForPipelineRun(pipelineRun, taskRuns);\n  const sortedTaskRuns = getSortedTaskRuns(PLRTaskRuns);\n  const taskRunFromYaml = PLRTaskRuns?.reduce(\n    (acc: { [value: string]: TaskRunKind }, value) => {\n      if (value?.metadata?.name) {\n        acc[value.metadata.name] = value;\n      }\n      return acc;\n    },\n    {},\n  );\n\n  const completed = pipelineRunFilterReducer(pipelineRun);\n  const [lastActiveStepId, setLastActiveStepId] = useState<string>('');\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  useEffect(() => {\n    const mostRecentFailedOrActiveStep = sortedTaskRuns.find(tr =>\n      ['Failed', 'Running'].includes(tr.status),\n    );\n\n    if (completed && !mostRecentFailedOrActiveStep && !activeTask) {\n      setLastActiveStepId(sortedTaskRuns[sortedTaskRuns.length - 1]?.id);\n      return;\n    }\n\n    setLastActiveStepId(\n      !activeTask ? (mostRecentFailedOrActiveStep?.id as string) : '',\n    );\n  }, [sortedTaskRuns, completed, activeTask]);\n\n  const currentStepId = activeTask || lastActiveStepId;\n  const activeItem = getActiveTaskRun(sortedTaskRuns, currentStepId);\n  const podName =\n    activeItem && taskRunFromYaml?.[currentStepId]?.status?.podName;\n  const podData = useMemo(\n    () =>\n      pods.find(pod => {\n        return pod?.metadata?.name === podName;\n      }),\n    [pods, podName],\n  );\n\n  return (\n    <Grid container>\n      <Grid item xs={3}>\n        <Paper>\n          <TaskStatusStepper\n            steps={sortedTaskRuns}\n            currentStepId={currentStepId}\n            onUserStepChange={setActiveTask}\n          />\n        </Paper>\n      </Grid>\n      <Grid item xs={9}>\n        {!currentStepId && <Progress />}\n        <div style={{ height: '80vh' }}>\n          {!podData ? (\n            <Paper\n              elevation={1}\n              style={{ height: '100%', width: '100%', minHeight: '30rem' }}\n            >\n              <LogViewer text={t('pipelineRunLogs.noLogs')} />\n            </Paper>\n          ) : (\n            <PipelineRunLogViewer pod={podData} />\n          )}\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default PipelineRunLogs;\n"],"names":["PipelineRunLogViewer"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useContext } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { makeStyles, Link, createStyles } from '@material-ui/core';
 import DownloadIcon from '@mui/icons-material/FileDownloadOutlined';
@@ -7,6 +8,8 @@ import { downloadLogFile } from '@janus-idp/shared-react';
 import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
 import { kubernetesProxyApiRef } from '../../types/types.esm.js';
 import { getPodLogs } from '../../utils/log-downloader-utils.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -24,9 +27,10 @@ const useStyles = makeStyles(
 );
 const PodLogsDownloadLink = ({ pods, fileName, downloadTitle, ...props }) => {
   const classes = useStyles();
-  const [downloading, setDownloading] = React__default.useState(false);
+  const [downloading, setDownloading] = useState(false);
   const kubernetesProxyApi = useApi(kubernetesProxyApiRef);
-  const { clusters, selectedCluster = 0 } = React__default.useContext(TektonResourcesContext);
+  const { t } = useTranslationRef(tektonTranslationRef);
+  const { clusters, selectedCluster = 0 } = useContext(TektonResourcesContext);
   const currCluster = clusters.length > 0 ? clusters[selectedCluster] : "";
   const getLogs = (podScope) => {
     const { podName, podNamespace, containerName, clusterName } = podScope;
@@ -37,14 +41,14 @@ const PodLogsDownloadLink = ({ pods, fileName, downloadTitle, ...props }) => {
       clusterName
     });
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     Link,
     {
       component: "button",
       variant: "body2",
       underline: "none",
       disabled: downloading,
-      title: downloading ? "downloading logs" : downloadTitle,
+      title: downloading ? t("pipelineRunLogs.podLogsDownloadLink.downloading") : downloadTitle,
       onClick: () => {
         setDownloading(true);
         getPodLogs(pods, getLogs, currCluster).then((logs) => {
@@ -58,10 +62,12 @@ const PodLogsDownloadLink = ({ pods, fileName, downloadTitle, ...props }) => {
       className: classNames(classes.downloadAction, {
         [classes.buttonDisabled]: downloading
       }),
-      ...props
-    },
-    /* @__PURE__ */ React__default.createElement(DownloadIcon, { style: { verticalAlign: "-0.180em" } }),
-    downloadTitle || "Download "
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(DownloadIcon, { style: { verticalAlign: "-0.180em" } }),
+        downloadTitle || t("pipelineRunLogs.podLogsDownloadLink.title")
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"PodLogsDownloadLink.esm.js","sources":["../../../src/components/PipelineRunLogs/PodLogsDownloadLink.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { createStyles, Link, makeStyles, Theme } from '@material-ui/core';\nimport DownloadIcon from '@mui/icons-material/FileDownloadOutlined';\nimport classNames from 'classnames';\n\nimport { downloadLogFile } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { ContainerScope } from '../../hooks/usePodLogsOfPipelineRun';\nimport {\n  kubernetesProxyApiRef,\n  TektonResourcesContextData,\n} from '../../types/types';\nimport { getPodLogs } from '../../utils/log-downloader-utils';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    downloadAction: {\n      position: 'relative',\n      marginBottom: 'var(--pf-t--global--spacer--sm)',\n      color: 'var(--pf-t--global--icon--color--100)',\n      cursor: 'pointer',\n    },\n    buttonDisabled: {\n      color: theme.palette.grey[400],\n      cursor: 'not-allowed',\n    },\n  }),\n);\n\nconst PodLogsDownloadLink: React.FC<{\n  pods: V1Pod[];\n  fileName: string;\n  downloadTitle: string;\n}> = ({ pods, fileName, downloadTitle, ...props }): React.ReactElement => {\n  const classes = useStyles();\n  const [downloading, setDownloading] = React.useState<boolean>(false);\n  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);\n\n  const { clusters, selectedCluster = 0 } =\n    React.useContext<TektonResourcesContextData>(TektonResourcesContext);\n  const currCluster = clusters.length > 0 ? clusters[selectedCluster] : '';\n\n  const getLogs = (podScope: ContainerScope): Promise<{ text: string }> => {\n    const { podName, podNamespace, containerName, clusterName } = podScope;\n    return kubernetesProxyApi.getPodLogs({\n      podName: podName,\n      namespace: podNamespace,\n      containerName: containerName,\n      clusterName: clusterName,\n    });\n  };\n\n  return (\n    <Link\n      component=\"button\"\n      variant=\"body2\"\n      underline=\"none\"\n      disabled={downloading}\n      title={downloading ? 'downloading logs' : downloadTitle}\n      onClick={() => {\n        setDownloading(true);\n        getPodLogs(pods, getLogs, currCluster)\n          .then((logs: string) => {\n            setDownloading(false);\n            downloadLogFile(logs || '', fileName);\n          })\n          .catch(err => {\n            // eslint-disable-next-line no-console\n            console.warn('Download failed', err);\n            setDownloading(false);\n          });\n      }}\n      className={classNames(classes.downloadAction, {\n        [classes.buttonDisabled]: downloading,\n      })}\n      {...props}\n    >\n      <DownloadIcon style={{ verticalAlign: '-0.180em' }} />\n      {downloadTitle || 'Download '}\n    </Link>\n  );\n};\nexport default PodLogsDownloadLink;\n"],"names":["React"],"mappings":";;;;;;;;;;AAkCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,YAAc,EAAA,iCAAA;AAAA,MACd,KAAO,EAAA,uCAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,MAC7B,MAAQ,EAAA;AAAA;AACV,GACD;AACH,CAAA;AAEM,MAAA,mBAAA,GAID,CAAC,EAAE,IAAA,EAAM,UAAU,aAAe,EAAA,GAAG,OAAgC,KAAA;AACxE,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA;AACnE,EAAM,MAAA,kBAAA,GAAqB,OAAO,qBAAqB,CAAA;AAEvD,EAAA,MAAM,EAAE,QAAU,EAAA,eAAA,GAAkB,GAClC,GAAAA,cAAA,CAAM,WAAuC,sBAAsB,CAAA;AACrE,EAAA,MAAM,cAAc,QAAS,CAAA,MAAA,GAAS,CAAI,GAAA,QAAA,CAAS,eAAe,CAAI,GAAA,EAAA;AAEtE,EAAM,MAAA,OAAA,GAAU,CAAC,QAAwD,KAAA;AACvE,IAAA,MAAM,EAAE,OAAA,EAAS,YAAc,EAAA,aAAA,EAAe,aAAgB,GAAA,QAAA;AAC9D,IAAA,OAAO,mBAAmB,UAAW,CAAA;AAAA,MACnC,OAAA;AAAA,MACA,SAAW,EAAA,YAAA;AAAA,MACX,aAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,GACH;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,QAAA;AAAA,MACV,OAAQ,EAAA,OAAA;AAAA,MACR,SAAU,EAAA,MAAA;AAAA,MACV,QAAU,EAAA,WAAA;AAAA,MACV,KAAA,EAAO,cAAc,kBAAqB,GAAA,aAAA;AAAA,MAC1C,SAAS,MAAM;AACb,QAAA,cAAA,CAAe,IAAI,CAAA;AACnB,QAAA,UAAA,CAAW,MAAM,OAAS,EAAA,WAAW,CAClC,CAAA,IAAA,CAAK,CAAC,IAAiB,KAAA;AACtB,UAAA,cAAA,CAAe,KAAK,CAAA;AACpB,UAAgB,eAAA,CAAA,IAAA,IAAQ,IAAI,QAAQ,CAAA;AAAA,SACrC,CACA,CAAA,KAAA,CAAM,CAAO,GAAA,KAAA;AAEZ,UAAQ,OAAA,CAAA,IAAA,CAAK,mBAAmB,GAAG,CAAA;AACnC,UAAA,cAAA,CAAe,KAAK,CAAA;AAAA,SACrB,CAAA;AAAA,OACL;AAAA,MACA,SAAA,EAAW,UAAW,CAAA,OAAA,CAAQ,cAAgB,EAAA;AAAA,QAC5C,CAAC,OAAQ,CAAA,cAAc,GAAG;AAAA,OAC3B,CAAA;AAAA,MACA,GAAG;AAAA,KAAA;AAAA,iDAEH,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,YAAc,EAAA,CAAA;AAAA,IACnD,aAAiB,IAAA;AAAA,GACpB;AAEJ;;;;"}
+{"version":3,"file":"PodLogsDownloadLink.esm.js","sources":["../../../src/components/PipelineRunLogs/PodLogsDownloadLink.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC, ReactElement } from 'react';\n\nimport { useState, useContext } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { createStyles, Link, makeStyles, Theme } from '@material-ui/core';\nimport DownloadIcon from '@mui/icons-material/FileDownloadOutlined';\nimport classNames from 'classnames';\n\nimport { downloadLogFile } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { ContainerScope } from '../../hooks/usePodLogsOfPipelineRun';\nimport {\n  kubernetesProxyApiRef,\n  TektonResourcesContextData,\n} from '../../types/types';\nimport { getPodLogs } from '../../utils/log-downloader-utils';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    downloadAction: {\n      position: 'relative',\n      marginBottom: 'var(--pf-t--global--spacer--sm)',\n      color: 'var(--pf-t--global--icon--color--100)',\n      cursor: 'pointer',\n    },\n    buttonDisabled: {\n      color: theme.palette.grey[400],\n      cursor: 'not-allowed',\n    },\n  }),\n);\n\nconst PodLogsDownloadLink: FC<{\n  pods: V1Pod[];\n  fileName: string;\n  downloadTitle: string;\n}> = ({ pods, fileName, downloadTitle, ...props }): ReactElement => {\n  const classes = useStyles();\n  const [downloading, setDownloading] = useState<boolean>(false);\n  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  const { clusters, selectedCluster = 0 } =\n    useContext<TektonResourcesContextData>(TektonResourcesContext);\n  const currCluster = clusters.length > 0 ? clusters[selectedCluster] : '';\n\n  const getLogs = (podScope: ContainerScope): Promise<{ text: string }> => {\n    const { podName, podNamespace, containerName, clusterName } = podScope;\n    return kubernetesProxyApi.getPodLogs({\n      podName: podName,\n      namespace: podNamespace,\n      containerName: containerName,\n      clusterName: clusterName,\n    });\n  };\n\n  return (\n    <Link\n      component=\"button\"\n      variant=\"body2\"\n      underline=\"none\"\n      disabled={downloading}\n      title={\n        downloading\n          ? t('pipelineRunLogs.podLogsDownloadLink.downloading')\n          : downloadTitle\n      }\n      onClick={() => {\n        setDownloading(true);\n        getPodLogs(pods, getLogs, currCluster)\n          .then((logs: string) => {\n            setDownloading(false);\n            downloadLogFile(logs || '', fileName);\n          })\n          .catch(err => {\n            // eslint-disable-next-line no-console\n            console.warn('Download failed', err);\n            setDownloading(false);\n          });\n      }}\n      className={classNames(classes.downloadAction, {\n        [classes.buttonDisabled]: downloading,\n      })}\n      {...props}\n    >\n      <DownloadIcon style={{ verticalAlign: '-0.180em' }} />\n      {downloadTitle || t('pipelineRunLogs.podLogsDownloadLink.title')}\n    </Link>\n  );\n};\nexport default PodLogsDownloadLink;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,YAAc,EAAA,iCAAA;AAAA,MACd,KAAO,EAAA,uCAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,MAC7B,MAAQ,EAAA;AAAA;AACV,GACD;AACH,CAAA;AAEM,MAAA,mBAAA,GAID,CAAC,EAAE,IAAA,EAAM,UAAU,aAAe,EAAA,GAAG,OAA0B,KAAA;AAClE,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,KAAK,CAAA;AAC7D,EAAM,MAAA,kBAAA,GAAqB,OAAO,qBAAqB,CAAA;AACvD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,MAAM,EAAE,QAAU,EAAA,eAAA,GAAkB,CAAE,EAAA,GACpC,WAAuC,sBAAsB,CAAA;AAC/D,EAAA,MAAM,cAAc,QAAS,CAAA,MAAA,GAAS,CAAI,GAAA,QAAA,CAAS,eAAe,CAAI,GAAA,EAAA;AAEtE,EAAM,MAAA,OAAA,GAAU,CAAC,QAAwD,KAAA;AACvE,IAAA,MAAM,EAAE,OAAA,EAAS,YAAc,EAAA,aAAA,EAAe,aAAgB,GAAA,QAAA;AAC9D,IAAA,OAAO,mBAAmB,UAAW,CAAA;AAAA,MACnC,OAAA;AAAA,MACA,SAAW,EAAA,YAAA;AAAA,MACX,aAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,GACH;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,QAAA;AAAA,MACV,OAAQ,EAAA,OAAA;AAAA,MACR,SAAU,EAAA,MAAA;AAAA,MACV,QAAU,EAAA,WAAA;AAAA,MACV,KACE,EAAA,WAAA,GACI,CAAE,CAAA,iDAAiD,CACnD,GAAA,aAAA;AAAA,MAEN,SAAS,MAAM;AACb,QAAA,cAAA,CAAe,IAAI,CAAA;AACnB,QAAA,UAAA,CAAW,MAAM,OAAS,EAAA,WAAW,CAClC,CAAA,IAAA,CAAK,CAAC,IAAiB,KAAA;AACtB,UAAA,cAAA,CAAe,KAAK,CAAA;AACpB,UAAgB,eAAA,CAAA,IAAA,IAAQ,IAAI,QAAQ,CAAA;AAAA,SACrC,CACA,CAAA,KAAA,CAAM,CAAO,GAAA,KAAA;AAEZ,UAAQ,OAAA,CAAA,IAAA,CAAK,mBAAmB,GAAG,CAAA;AACnC,UAAA,cAAA,CAAe,KAAK,CAAA;AAAA,SACrB,CAAA;AAAA,OACL;AAAA,MACA,SAAA,EAAW,UAAW,CAAA,OAAA,CAAQ,cAAgB,EAAA;AAAA,QAC5C,CAAC,OAAQ,CAAA,cAAc,GAAG;AAAA,OAC3B,CAAA;AAAA,MACA,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,YAAc,EAAA,CAAA;AAAA,QACnD,aAAA,IAAiB,EAAE,2CAA2C;AAAA;AAAA;AAAA,GACjE;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, useState } from 'react';
 import useInterval from 'react-use/lib/useInterval';
 import { makeStyles, StepButton, createStyles, CircularProgress } from '@material-ui/core';
 import Step from '@material-ui/core/Step';
@@ -11,6 +12,8 @@ import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
 import classNames from 'classnames';
 import { ComputedStatus } from '@janus-idp/shared-react';
 import { calculateDuration } from '../../utils/tekton-utils.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -40,7 +43,7 @@ const useStyles = makeStyles(
   })
 );
 const StepTimeTicker = ({ step }) => {
-  const [time, setTime] = React__default.useState("");
+  const [time, setTime] = useState("");
   useInterval(() => {
     if (!step.startedAt) {
       setTime("");
@@ -48,7 +51,7 @@ const StepTimeTicker = ({ step }) => {
     }
     setTime(calculateDuration(step.startedAt, step.endedAt));
   }, 1e3);
-  return /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, time);
+  return /* @__PURE__ */ jsx(Typography, { variant: "caption", children: time });
 };
 const useStepIconStyles = makeStyles(
   (theme) => createStyles({
@@ -70,58 +73,62 @@ const TaskStepIconComponent = ({ active, completed, error }) => {
   const classes = useStepIconStyles();
   const getMiddle = () => {
     if (active) {
-      return /* @__PURE__ */ React__default.createElement(CircularProgress, { size: "24px" });
+      return /* @__PURE__ */ jsx(CircularProgress, { size: "24px" });
     }
     if (completed) {
-      return /* @__PURE__ */ React__default.createElement(Check, null);
+      return /* @__PURE__ */ jsx(Check, {});
     }
     if (error) {
-      return /* @__PURE__ */ React__default.createElement(Cancel, null);
+      return /* @__PURE__ */ jsx(Cancel, {});
     }
-    return /* @__PURE__ */ React__default.createElement(FiberManualRecordIcon, null);
+    return /* @__PURE__ */ jsx(FiberManualRecordIcon, {});
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: classNames(classes.root, {
         [classes.completed]: completed,
         [classes.error]: error
-      })
-    },
-    getMiddle()
+      }),
+      children: getMiddle()
+    }
   );
 };
-const TaskStatusStepper = React__default.memo((props) => {
+const TaskStatusStepper = memo((props) => {
   const { steps, currentStepId, onUserStepChange } = props;
   const classes = useStyles(props);
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes.root }, /* @__PURE__ */ React__default.createElement(
+  const { t } = useTranslationRef(tektonTranslationRef);
+  return /* @__PURE__ */ jsx("div", { className: classes.root, children: /* @__PURE__ */ jsx(
     Stepper,
     {
       activeStep: steps.findIndex((s) => s.id === currentStepId),
       orientation: "vertical",
-      nonLinear: true
-    },
-    steps.map((step, _) => {
-      const isCancelled = step.status === ComputedStatus.Cancelled;
-      const isActive = step.status === ComputedStatus.Running;
-      const isCompleted = step.status === ComputedStatus.Succeeded;
-      const isFailed = step.status === ComputedStatus.Failed;
-      const isSkipped = step.status === ComputedStatus.Skipped;
-      return /* @__PURE__ */ React__default.createElement(Step, { key: step.id, expanded: true }, /* @__PURE__ */ React__default.createElement(StepButton, { onClick: () => onUserStepChange(step.id) }, /* @__PURE__ */ React__default.createElement(
-        StepLabel,
-        {
-          StepIconProps: {
-            completed: isCompleted,
-            error: isFailed || isCancelled,
-            active: isActive
-          },
-          StepIconComponent: TaskStepIconComponent,
-          className: classes.stepWrapper
-        },
-        /* @__PURE__ */ React__default.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, step.name), isSkipped ? /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, "Skipped") : /* @__PURE__ */ React__default.createElement(StepTimeTicker, { step }))
-      )));
-    })
-  ));
+      nonLinear: true,
+      children: steps.map((step, _) => {
+        const isCancelled = step.status === ComputedStatus.Cancelled;
+        const isActive = step.status === ComputedStatus.Running;
+        const isCompleted = step.status === ComputedStatus.Succeeded;
+        const isFailed = step.status === ComputedStatus.Failed;
+        const isSkipped = step.status === ComputedStatus.Skipped;
+        return /* @__PURE__ */ jsx(Step, { expanded: true, children: /* @__PURE__ */ jsx(StepButton, { onClick: () => onUserStepChange(step.id), children: /* @__PURE__ */ jsx(
+          StepLabel,
+          {
+            StepIconProps: {
+              completed: isCompleted,
+              error: isFailed || isCancelled,
+              active: isActive
+            },
+            StepIconComponent: TaskStepIconComponent,
+            className: classes.stepWrapper,
+            children: /* @__PURE__ */ jsxs("div", { className: classes.labelWrapper, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: step.name }),
+              isSkipped ? /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("pipelineRunLogs.taskStatusStepper.skipped") }) : /* @__PURE__ */ jsx(StepTimeTicker, { step })
+            ] })
+          }
+        ) }) }, step.id);
+      })
+    }
+  ) });
 });
 
 export { TaskStatusStepper };

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

@@ -1 +1 @@
-{"version":3,"file":"TaskStatusStepper.esm.js","sources":["../../../src/components/PipelineRunLogs/TaskStatusStepper.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 useInterval from 'react-use/lib/useInterval';\n\nimport {\n  CircularProgress,\n  createStyles,\n  makeStyles,\n  StepButton,\n  StepIconProps,\n  Theme,\n} from '@material-ui/core';\nimport Step from '@material-ui/core/Step';\nimport StepLabel from '@material-ui/core/StepLabel';\nimport Stepper from '@material-ui/core/Stepper';\nimport Typography from '@material-ui/core/Typography';\nimport Cancel from '@material-ui/icons/Cancel';\nimport Check from '@material-ui/icons/Check';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport classNames from 'classnames';\n\nimport { ComputedStatus } from '@janus-idp/shared-react';\n\nimport { TaskStep } from '../../utils/taskRun-utils';\nimport { calculateDuration } from '../../utils/tekton-utils';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      width: '100%',\n    },\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    labelWrapper: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    stepWrapper: {\n      width: '100%',\n    },\n  }),\n);\n\nconst StepTimeTicker = ({ step }: { step: TaskStep }) => {\n  const [time, setTime] = React.useState('');\n\n  useInterval(() => {\n    if (!step.startedAt) {\n      setTime('');\n      return;\n    }\n\n    setTime(calculateDuration(step.startedAt, step.endedAt));\n  }, 1000);\n\n  return <Typography variant=\"caption\">{time}</Typography>;\n};\n\nconst useStepIconStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      color: theme.palette.text.disabled,\n      display: 'flex',\n      height: 22,\n      alignItems: 'center',\n    },\n    completed: {\n      color: theme.palette.status.ok,\n    },\n    error: {\n      color: theme.palette.status.error,\n    },\n  }),\n);\n\nconst TaskStepIconComponent = ({ active, completed, error }: StepIconProps) => {\n  const classes = useStepIconStyles();\n\n  const getMiddle = () => {\n    if (active) {\n      return <CircularProgress size=\"24px\" />;\n    }\n    if (completed) {\n      return <Check />;\n    }\n    if (error) {\n      return <Cancel />;\n    }\n    return <FiberManualRecordIcon />;\n  };\n\n  return (\n    <div\n      className={classNames(classes.root, {\n        [classes.completed]: completed,\n        [classes.error]: error,\n      })}\n    >\n      {getMiddle()}\n    </div>\n  );\n};\n\ntype TaskStatusStepperProps = {\n  steps: TaskStep[];\n  currentStepId: string | undefined;\n  onUserStepChange: (id: string) => void;\n  classes?: {\n    root?: string;\n  };\n};\n\nexport const TaskStatusStepper = React.memo((props: TaskStatusStepperProps) => {\n  const { steps, currentStepId, onUserStepChange } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.root}>\n      <Stepper\n        activeStep={steps.findIndex(s => s.id === currentStepId)}\n        orientation=\"vertical\"\n        nonLinear\n      >\n        {steps.map((step, _) => {\n          const isCancelled = step.status === ComputedStatus.Cancelled;\n          const isActive = step.status === ComputedStatus.Running;\n          const isCompleted = step.status === ComputedStatus.Succeeded;\n          const isFailed = step.status === ComputedStatus.Failed;\n          const isSkipped = step.status === ComputedStatus.Skipped;\n\n          return (\n            <Step key={step.id} expanded>\n              <StepButton onClick={() => onUserStepChange(step.id)}>\n                <StepLabel\n                  StepIconProps={{\n                    completed: isCompleted,\n                    error: isFailed || isCancelled,\n                    active: isActive,\n                  }}\n                  StepIconComponent={TaskStepIconComponent}\n                  className={classes.stepWrapper}\n                >\n                  <div className={classes.labelWrapper}>\n                    <Typography variant=\"subtitle2\">{step.name}</Typography>\n                    {isSkipped ? (\n                      <Typography variant=\"caption\">Skipped</Typography>\n                    ) : (\n                      <StepTimeTicker step={step} />\n                    )}\n                  </div>\n                </StepLabel>\n              </StepButton>\n            </Step>\n          );\n        })}\n      </Stepper>\n    </div>\n  );\n});\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TaskStatusStepper.esm.js","sources":["../../../src/components/PipelineRunLogs/TaskStatusStepper.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 { useState, memo } from 'react';\nimport useInterval from 'react-use/lib/useInterval';\n\nimport {\n  CircularProgress,\n  createStyles,\n  makeStyles,\n  StepButton,\n  StepIconProps,\n  Theme,\n} from '@material-ui/core';\nimport Step from '@material-ui/core/Step';\nimport StepLabel from '@material-ui/core/StepLabel';\nimport Stepper from '@material-ui/core/Stepper';\nimport Typography from '@material-ui/core/Typography';\nimport Cancel from '@material-ui/icons/Cancel';\nimport Check from '@material-ui/icons/Check';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport classNames from 'classnames';\n\nimport { ComputedStatus } from '@janus-idp/shared-react';\n\nimport { TaskStep } from '../../utils/taskRun-utils';\nimport { calculateDuration } from '../../utils/tekton-utils';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      width: '100%',\n    },\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    labelWrapper: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    stepWrapper: {\n      width: '100%',\n    },\n  }),\n);\n\nconst StepTimeTicker = ({ step }: { step: TaskStep }) => {\n  const [time, setTime] = useState('');\n\n  useInterval(() => {\n    if (!step.startedAt) {\n      setTime('');\n      return;\n    }\n\n    setTime(calculateDuration(step.startedAt, step.endedAt));\n  }, 1000);\n\n  return <Typography variant=\"caption\">{time}</Typography>;\n};\n\nconst useStepIconStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      color: theme.palette.text.disabled,\n      display: 'flex',\n      height: 22,\n      alignItems: 'center',\n    },\n    completed: {\n      color: theme.palette.status.ok,\n    },\n    error: {\n      color: theme.palette.status.error,\n    },\n  }),\n);\n\nconst TaskStepIconComponent = ({ active, completed, error }: StepIconProps) => {\n  const classes = useStepIconStyles();\n\n  const getMiddle = () => {\n    if (active) {\n      return <CircularProgress size=\"24px\" />;\n    }\n    if (completed) {\n      return <Check />;\n    }\n    if (error) {\n      return <Cancel />;\n    }\n    return <FiberManualRecordIcon />;\n  };\n\n  return (\n    <div\n      className={classNames(classes.root, {\n        [classes.completed]: completed,\n        [classes.error]: error,\n      })}\n    >\n      {getMiddle()}\n    </div>\n  );\n};\n\ntype TaskStatusStepperProps = {\n  steps: TaskStep[];\n  currentStepId: string | undefined;\n  onUserStepChange: (id: string) => void;\n  classes?: {\n    root?: string;\n  };\n};\n\nexport const TaskStatusStepper = memo((props: TaskStatusStepperProps) => {\n  const { steps, currentStepId, onUserStepChange } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <div className={classes.root}>\n      <Stepper\n        activeStep={steps.findIndex(s => s.id === currentStepId)}\n        orientation=\"vertical\"\n        nonLinear\n      >\n        {steps.map((step, _) => {\n          const isCancelled = step.status === ComputedStatus.Cancelled;\n          const isActive = step.status === ComputedStatus.Running;\n          const isCompleted = step.status === ComputedStatus.Succeeded;\n          const isFailed = step.status === ComputedStatus.Failed;\n          const isSkipped = step.status === ComputedStatus.Skipped;\n\n          return (\n            <Step key={step.id} expanded>\n              <StepButton onClick={() => onUserStepChange(step.id)}>\n                <StepLabel\n                  StepIconProps={{\n                    completed: isCompleted,\n                    error: isFailed || isCancelled,\n                    active: isActive,\n                  }}\n                  StepIconComponent={TaskStepIconComponent}\n                  className={classes.stepWrapper}\n                >\n                  <div className={classes.labelWrapper}>\n                    <Typography variant=\"subtitle2\">{step.name}</Typography>\n                    {isSkipped ? (\n                      <Typography variant=\"caption\">\n                        {t('pipelineRunLogs.taskStatusStepper.skipped')}\n                      </Typography>\n                    ) : (\n                      <StepTimeTicker step={step} />\n                    )}\n                  </div>\n                </StepLabel>\n              </StepButton>\n            </Step>\n          );\n        })}\n      </Stepper>\n    </div>\n  );\n});\n"],"names":[],"mappings":"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"}

package/dist/components/PipelineRunOutput/PipelineRunOutputDialog.esm.js

@@ -1,10 +1,13 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
 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 PipelineRunOutput from '../PipelineRunList/PipelineRunOutput.esm.js';
 import ResourceBadge from '../PipelineRunList/ResourceBadge.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -28,35 +31,42 @@ const PipelineRunOutputDialog = ({
   taskRuns
 }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React__default.createElement(
+  const { t } = useTranslationRef(tektonTranslationRef);
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       "data-testid": "pipelinerun-output-dialog",
       maxWidth: "xl",
       fullWidth: true,
       open,
-      onClose: closeDialog
-    },
-    /* @__PURE__ */ React__default.createElement(DialogTitle, { id: "pipelinerun-output", title: "PipelineRun Output" }, /* @__PURE__ */ React__default.createElement(Box, { className: classes.titleContainer }, /* @__PURE__ */ React__default.createElement(
-      ResourceBadge,
-      {
-        color: tektonGroupColor,
-        abbr: "PLR",
-        name: pipelineRun?.metadata?.name ?? ""
-      }
-    ), " ", /* @__PURE__ */ React__default.createElement(
-      IconButton,
-      {
-        "aria-label": "close",
-        className: classes.closeButton,
-        onClick: closeDialog
-      },
-      /* @__PURE__ */ React__default.createElement(CloseIcon, null)
-    ))),
-    /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(ErrorBoundary, null, /* @__PURE__ */ React__default.createElement(PipelineRunOutput, { pipelineRun, taskRuns })))
+      onClose: closeDialog,
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: "pipelinerun-output", title: t("pipelineRunOutput.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(PipelineRunOutput, { pipelineRun, taskRuns }) }) })
+      ]
+    }
   );
 };
-var PipelineRunOutputDialog$1 = React__default.memo(PipelineRunOutputDialog);
+var PipelineRunOutputDialog$1 = memo(PipelineRunOutputDialog);
 
 export { PipelineRunOutputDialog$1 as default };
 //# sourceMappingURL=PipelineRunOutputDialog.esm.js.map

package/dist/components/PipelineRunOutput/PipelineRunOutputDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunOutputDialog.esm.js","sources":["../../../src/components/PipelineRunOutput/PipelineRunOutputDialog.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ErrorBoundary } from '@backstage/core-components';\n\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, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { tektonGroupColor } from '../../types/types';\nimport PipelineRunOutput from '../PipelineRunList/PipelineRunOutput';\nimport ResourceBadge from '../PipelineRunList/ResourceBadge';\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 PipelineRunOutputDialogProps = {\n  open: boolean;\n  closeDialog: () => void;\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n};\nconst PipelineRunOutputDialog = ({\n  open,\n  closeDialog,\n  pipelineRun,\n  taskRuns,\n}: PipelineRunOutputDialogProps) => {\n  const classes = useStyles();\n\n  return (\n    <Dialog\n      data-testid=\"pipelinerun-output-dialog\"\n      maxWidth=\"xl\"\n      fullWidth\n      open={open}\n      onClose={closeDialog}\n    >\n      <DialogTitle id=\"pipelinerun-output\" title=\"PipelineRun Output\">\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          <PipelineRunOutput pipelineRun={pipelineRun} taskRuns={taskRuns} />\n        </ErrorBoundary>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default React.memo(PipelineRunOutputDialog);\n"],"names":["React"],"mappings":";;;;;;;;AAqCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,cAAgB,EAAA;AAAA,MACd,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KACtB;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC/B,GACD;AACH,CAAA;AAQA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAoC,KAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,2BAAA;AAAA,MACZ,QAAS,EAAA,IAAA;AAAA,MACT,SAAS,EAAA,IAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,KAAA;AAAA,oBAETA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,EAAA,EAAG,oBAAqB,EAAA,KAAA,EAAM,wCACxCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,cACtB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,gBAAA;AAAA,QACP,IAAK,EAAA,KAAA;AAAA,QACL,IAAA,EAAM,WAAa,EAAA,QAAA,EAAU,IAAQ,IAAA;AAAA;AAAA,OACpC,GACH,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,OAAA;AAAA,QACX,WAAW,OAAQ,CAAA,WAAA;AAAA,QACnB,OAAS,EAAA;AAAA,OAAA;AAAA,mDAER,SAAU,EAAA,IAAA;AAAA,KAEf,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA,CAAC,qCACEA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,+CACE,iBAAkB,EAAA,EAAA,WAAA,EAA0B,QAAoB,EAAA,CACnE,CACF;AAAA,GACF;AAEJ,CAAA;AAEA,gCAAeA,cAAA,CAAM,KAAK,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"PipelineRunOutputDialog.esm.js","sources":["../../../src/components/PipelineRunOutput/PipelineRunOutputDialog.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 { memo } from 'react';\n\nimport { ErrorBoundary } from '@backstage/core-components';\n\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, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { tektonGroupColor } from '../../types/types';\nimport PipelineRunOutput from '../PipelineRunList/PipelineRunOutput';\nimport ResourceBadge from '../PipelineRunList/ResourceBadge';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\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 PipelineRunOutputDialogProps = {\n  open: boolean;\n  closeDialog: () => void;\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n};\nconst PipelineRunOutputDialog = ({\n  open,\n  closeDialog,\n  pipelineRun,\n  taskRuns,\n}: PipelineRunOutputDialogProps) => {\n  const classes = useStyles();\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <Dialog\n      data-testid=\"pipelinerun-output-dialog\"\n      maxWidth=\"xl\"\n      fullWidth\n      open={open}\n      onClose={closeDialog}\n    >\n      <DialogTitle id=\"pipelinerun-output\" title={t('pipelineRunOutput.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          <PipelineRunOutput pipelineRun={pipelineRun} taskRuns={taskRuns} />\n        </ErrorBoundary>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default memo(PipelineRunOutputDialog);\n"],"names":[],"mappings":";;;;;;;;;;;AAuCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,cAAgB,EAAA;AAAA,MACd,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KACtB;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC/B,GACD;AACH,CAAA;AAQA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAoC,KAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,2BAAA;AAAA,MACZ,QAAS,EAAA,IAAA;AAAA,MACT,SAAS,EAAA,IAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MAET,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,EAAG,EAAA,oBAAA,EAAqB,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EACrE,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,cACtB,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,gBAAA;AAAA,cACP,IAAK,EAAA,KAAA;AAAA,cACL,IAAA,EAAM,WAAa,EAAA,QAAA,EAAU,IAAQ,IAAA;AAAA;AAAA,WACvC;AAAA,UAAG,GAAA;AAAA,0BACH,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,YAAW,EAAA,OAAA;AAAA,cACX,WAAW,OAAQ,CAAA,WAAA;AAAA,cACnB,OAAS,EAAA,WAAA;AAAA,cAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,SAAA,EACF,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,iBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EACC,8BAAC,iBAAkB,EAAA,EAAA,WAAA,EAA0B,QAAoB,EAAA,CAAA,EACnE,CACF,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,gCAAe,KAAK,uBAAuB,CAAA;;;;"}

package/dist/components/Router.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Routes, Route } from 'react-router-dom';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { TektonCIComponent } from './Tekton/TektonCIComponent.esm.js';
@@ -7,7 +7,7 @@ import { isTektonCIAvailable } from '../utils/isTektonCIAvailable.esm.js';
 const Router = () => {
   const { entity } = useEntity();
   if (isTektonCIAvailable(entity)) {
-    return /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, { path: "/", element: /* @__PURE__ */ React__default.createElement(TektonCIComponent, null) }));
+    return /* @__PURE__ */ jsx(Routes, { children: /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(TektonCIComponent, {}) }) });
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Route, Routes } from 'react-router-dom';\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport { TektonCIComponent } from './Tekton/TektonCIComponent';\nimport { isTektonCIAvailable } from '../utils/isTektonCIAvailable';\n\n/** @public */\nexport const Router = () => {\n  const { entity } = useEntity();\n  if (isTektonCIAvailable(entity)) {\n    return (\n      <Routes>\n        <Route path=\"/\" element={<TektonCIComponent />} />\n      </Routes>\n    );\n  }\n  return null;\n};\n"],"names":["React"],"mappings":";;;;;;AAwBO,MAAM,SAAS,MAAM;AAC1B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAI,IAAA,mBAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,MACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,KAAI,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,IAAA,CAAA,EAAI,CAClD,CAAA;AAAA;AAGJ,EAAO,OAAA,IAAA;AACT;;;;"}
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Route, Routes } from 'react-router-dom';\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport { TektonCIComponent } from './Tekton/TektonCIComponent';\nimport { isTektonCIAvailable } from '../utils/isTektonCIAvailable';\n\n/** @public */\nexport const Router = () => {\n  const { entity } = useEntity();\n  if (isTektonCIAvailable(entity)) {\n    return (\n      <Routes>\n        <Route path=\"/\" element={<TektonCIComponent />} />\n      </Routes>\n    );\n  }\n  return null;\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,SAAS,MAAM;AAC1B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAI,IAAA,mBAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IACE,uBAAA,GAAA,CAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,KAAI,OAAS,kBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA,EAAI,CAClD,EAAA,CAAA;AAAA;AAGJ,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/components/Tekton/TektonCIComponent.esm.js

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useLayoutEffect } from 'react';
 import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
 import { useDarkTheme } from '../../hooks/useDarkTheme.esm.js';
 import { useTektonObjectsResponse } from '../../hooks/useTektonObjectsResponse.esm.js';
@@ -12,7 +13,7 @@ import '@patternfly/patternfly/utilities/Accessibility/accessibility.css';
 const savedStylesheets = /* @__PURE__ */ new Set();
 const TektonCIComponent = () => {
   useDarkTheme();
-  React__default.useLayoutEffect(() => {
+  useLayoutEffect(() => {
     const scalprumStyles = Array.from(
       document.querySelectorAll('link[rel="stylesheet"]')
     ).filter(
@@ -42,9 +43,9 @@ const TektonCIComponent = () => {
   const tektonResourcesContextData = useTektonObjectsResponse(watchedResources);
   const hasViewPermission = useTektonViewPermission();
   if (!hasViewPermission) {
-    return /* @__PURE__ */ React__default.createElement(PermissionAlert, null);
+    return /* @__PURE__ */ jsx(PermissionAlert, {});
   }
-  return /* @__PURE__ */ React__default.createElement(TektonResourcesContext.Provider, { value: tektonResourcesContextData }, /* @__PURE__ */ React__default.createElement(PipelineRunList, null));
+  return /* @__PURE__ */ jsx(TektonResourcesContext.Provider, { value: tektonResourcesContextData, children: /* @__PURE__ */ jsx(PipelineRunList, {}) });
 };
 
 export { TektonCIComponent };

package/dist/components/Tekton/TektonCIComponent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TektonCIComponent.esm.js","sources":["../../../src/components/Tekton/TektonCIComponent.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { useDarkTheme } from '../../hooks/useDarkTheme';\nimport { useTektonObjectsResponse } from '../../hooks/useTektonObjectsResponse';\nimport { useTektonViewPermission } from '../../hooks/useTektonViewPermission';\nimport { ModelsPlural } from '../../models';\nimport PermissionAlert from '../common/PermissionAlert';\nimport PipelineRunList from '../PipelineRunList/PipelineRunList';\n\nimport '@patternfly/react-core/dist/styles/base-no-reset.css';\nimport '@patternfly/patternfly/utilities/Accessibility/accessibility.css';\n\nconst savedStylesheets = new Set<HTMLLinkElement>();\n\nexport const TektonCIComponent = () => {\n  useDarkTheme();\n\n  React.useLayoutEffect(() => {\n    const scalprumStyles = Array.from(\n      document.querySelectorAll('link[rel=\"stylesheet\"]'),\n    ).filter(link =>\n      link.attributes\n        .getNamedItem('href')\n        ?.value?.includes('backstage-plugin-tekton'),\n    );\n\n    scalprumStyles.forEach(link =>\n      savedStylesheets.add(link as HTMLLinkElement),\n    );\n\n    savedStylesheets.forEach(link => {\n      if (!document.head.contains(link)) {\n        document.head.appendChild(link);\n      }\n    });\n    return () => {\n      savedStylesheets.forEach(link => {\n        if (document.head.contains(link)) {\n          document.head.removeChild(link);\n        }\n      });\n    };\n  }, []);\n\n  const watchedResources = [\n    ModelsPlural.pipelineruns,\n    ModelsPlural.taskruns,\n    ModelsPlural.pods,\n  ];\n  const tektonResourcesContextData = useTektonObjectsResponse(watchedResources);\n  const hasViewPermission = useTektonViewPermission();\n\n  if (!hasViewPermission) {\n    return <PermissionAlert />;\n  }\n  return (\n    <TektonResourcesContext.Provider value={tektonResourcesContextData}>\n      <PipelineRunList />\n    </TektonResourcesContext.Provider>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AA4BA,MAAM,gBAAA,uBAAuB,GAAqB,EAAA;AAE3C,MAAM,oBAAoB,MAAM;AACrC,EAAa,YAAA,EAAA;AAEb,EAAAA,cAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAA,MAAM,iBAAiB,KAAM,CAAA,IAAA;AAAA,MAC3B,QAAA,CAAS,iBAAiB,wBAAwB;AAAA,KAClD,CAAA,MAAA;AAAA,MAAO,CAAA,IAAA,KACP,KAAK,UACF,CAAA,YAAA,CAAa,MAAM,CAClB,EAAA,KAAA,EAAO,SAAS,yBAAyB;AAAA,KAC/C;AAEA,IAAe,cAAA,CAAA,OAAA;AAAA,MAAQ,CAAA,IAAA,KACrB,gBAAiB,CAAA,GAAA,CAAI,IAAuB;AAAA,KAC9C;AAEA,IAAA,gBAAA,CAAiB,QAAQ,CAAQ,IAAA,KAAA;AAC/B,MAAA,IAAI,CAAC,QAAA,CAAS,IAAK,CAAA,QAAA,CAAS,IAAI,CAAG,EAAA;AACjC,QAAS,QAAA,CAAA,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA;AAChC,KACD,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,QAAQ,CAAQ,IAAA,KAAA;AAC/B,QAAA,IAAI,QAAS,CAAA,IAAA,CAAK,QAAS,CAAA,IAAI,CAAG,EAAA;AAChC,UAAS,QAAA,CAAA,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA;AAChC,OACD,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,YAAa,CAAA,YAAA;AAAA,IACb,YAAa,CAAA,QAAA;AAAA,IACb,YAAa,CAAA;AAAA,GACf;AACA,EAAM,MAAA,0BAAA,GAA6B,yBAAyB,gBAAgB,CAAA;AAC5E,EAAA,MAAM,oBAAoB,uBAAwB,EAAA;AAElD,EAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,IAAA,oDAAQ,eAAgB,EAAA,IAAA,CAAA;AAAA;AAE1B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAuB,QAAvB,EAAA,EAAgC,OAAO,0BACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CACnB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TektonCIComponent.esm.js","sources":["../../../src/components/Tekton/TektonCIComponent.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 { useLayoutEffect } from 'react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { useDarkTheme } from '../../hooks/useDarkTheme';\nimport { useTektonObjectsResponse } from '../../hooks/useTektonObjectsResponse';\nimport { useTektonViewPermission } from '../../hooks/useTektonViewPermission';\nimport { ModelsPlural } from '../../models';\nimport PermissionAlert from '../common/PermissionAlert';\nimport PipelineRunList from '../PipelineRunList/PipelineRunList';\n\nimport '@patternfly/react-core/dist/styles/base-no-reset.css';\nimport '@patternfly/patternfly/utilities/Accessibility/accessibility.css';\n\nconst savedStylesheets = new Set<HTMLLinkElement>();\n\nexport const TektonCIComponent = () => {\n  useDarkTheme();\n\n  useLayoutEffect(() => {\n    const scalprumStyles = Array.from(\n      document.querySelectorAll('link[rel=\"stylesheet\"]'),\n    ).filter(link =>\n      link.attributes\n        .getNamedItem('href')\n        ?.value?.includes('backstage-plugin-tekton'),\n    );\n\n    scalprumStyles.forEach(link =>\n      savedStylesheets.add(link as HTMLLinkElement),\n    );\n\n    savedStylesheets.forEach(link => {\n      if (!document.head.contains(link)) {\n        document.head.appendChild(link);\n      }\n    });\n    return () => {\n      savedStylesheets.forEach(link => {\n        if (document.head.contains(link)) {\n          document.head.removeChild(link);\n        }\n      });\n    };\n  }, []);\n\n  const watchedResources = [\n    ModelsPlural.pipelineruns,\n    ModelsPlural.taskruns,\n    ModelsPlural.pods,\n  ];\n  const tektonResourcesContextData = useTektonObjectsResponse(watchedResources);\n  const hasViewPermission = useTektonViewPermission();\n\n  if (!hasViewPermission) {\n    return <PermissionAlert />;\n  }\n  return (\n    <TektonResourcesContext.Provider value={tektonResourcesContextData}>\n      <PipelineRunList />\n    </TektonResourcesContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AA4BA,MAAM,gBAAA,uBAAuB,GAAqB,EAAA;AAE3C,MAAM,oBAAoB,MAAM;AACrC,EAAa,YAAA,EAAA;AAEb,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,iBAAiB,KAAM,CAAA,IAAA;AAAA,MAC3B,QAAA,CAAS,iBAAiB,wBAAwB;AAAA,KAClD,CAAA,MAAA;AAAA,MAAO,CAAA,IAAA,KACP,KAAK,UACF,CAAA,YAAA,CAAa,MAAM,CAClB,EAAA,KAAA,EAAO,SAAS,yBAAyB;AAAA,KAC/C;AAEA,IAAe,cAAA,CAAA,OAAA;AAAA,MAAQ,CAAA,IAAA,KACrB,gBAAiB,CAAA,GAAA,CAAI,IAAuB;AAAA,KAC9C;AAEA,IAAA,gBAAA,CAAiB,QAAQ,CAAQ,IAAA,KAAA;AAC/B,MAAA,IAAI,CAAC,QAAA,CAAS,IAAK,CAAA,QAAA,CAAS,IAAI,CAAG,EAAA;AACjC,QAAS,QAAA,CAAA,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA;AAChC,KACD,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,QAAQ,CAAQ,IAAA,KAAA;AAC/B,QAAA,IAAI,QAAS,CAAA,IAAA,CAAK,QAAS,CAAA,IAAI,CAAG,EAAA;AAChC,UAAS,QAAA,CAAA,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA;AAChC,OACD,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,YAAa,CAAA,YAAA;AAAA,IACb,YAAa,CAAA,QAAA;AAAA,IACb,YAAa,CAAA;AAAA,GACf;AACA,EAAM,MAAA,0BAAA,GAA6B,yBAAyB,gBAAgB,CAAA;AAC5E,EAAA,MAAM,oBAAoB,uBAAwB,EAAA;AAElD,EAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,IAAA,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA;AAE1B,EACE,uBAAA,GAAA,CAAC,uBAAuB,QAAvB,EAAA,EAAgC,OAAO,0BACtC,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useState } from 'react';
 import { Select } from '@backstage/core-components';
 import { makeStyles, Typography } from '@material-ui/core';
 import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
@@ -18,28 +19,31 @@ const ClusterSelector = () => {
     clusters: k8sClusters,
     selectedCluster,
     setSelectedCluster: setClusterContext
-  } = React__default.useContext(TektonResourcesContext);
+  } = useContext(TektonResourcesContext);
   const clusterOptions = k8sClusters.map((cluster) => ({
     value: cluster,
     label: cluster
   }));
   const curCluster = selectedCluster && k8sClusters?.length > 0 ? k8sClusters[selectedCluster] : k8sClusters?.[0];
-  const [clusterSelected, setClusterSelected] = React__default.useState(curCluster);
+  const [clusterSelected, setClusterSelected] = useState(curCluster);
   const onClusterChange = (arg) => {
     const index = k8sClusters.findIndex((cluster) => cluster === arg);
     setClusterContext(index);
     setClusterSelected(arg);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-cluster-selector" }, /* @__PURE__ */ React__default.createElement(Typography, { className: classes.label }, "Cluster"), /* @__PURE__ */ React__default.createElement(
-    Select,
-    {
-      onChange: onClusterChange,
-      label: "",
-      items: clusterOptions,
-      selected: clusterSelected,
-      margin: "dense"
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: "bs-tkn-cluster-selector", children: [
+    /* @__PURE__ */ jsx(Typography, { className: classes.label, children: "Cluster" }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        onChange: onClusterChange,
+        label: "",
+        items: clusterOptions,
+        selected: clusterSelected,
+        margin: "dense"
+      }
+    )
+  ] });
 };
 
 export { ClusterSelector };

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 React 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  } = React.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    React.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":["React"],"mappings":";;;;;;AA0BA,MAAM,SAAA,GAAY,WAA2B,CAAU,KAAA,MAAA;AAAA,EACrD,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,QAAU,EAAA,MAAA;AAAA,IACV,YAAc,EAAA,MAAA;AAAA,IACd,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAEK,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA;AAAA,IACJ,QAAU,EAAA,WAAA;AAAA,IACV,eAAA;AAAA,IACA,kBAAoB,EAAA;AAAA,GACtB,GAAIA,cAAM,CAAA,UAAA,CAAW,sBAAsB,CAAA;AAC3C,EAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,GAAA,CAAI,CAAY,OAAA,MAAA;AAAA,IACjD,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACP,CAAA,CAAA;AAEF,EAAM,MAAA,UAAA,GACJ,mBAAmB,WAAa,EAAA,MAAA,GAAS,IACrC,WAAY,CAAA,eAAe,CAC3B,GAAA,WAAA,GAAc,CAAC,CAAA;AAErB,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CACxC,GAAAA,cAAA,CAAM,SAAwB,UAAU,CAAA;AAE1C,EAAM,MAAA,eAAA,GAAkB,CAAC,GAAuB,KAAA;AAC9C,IAAA,MAAM,KAAQ,GAAA,WAAA,CAAY,SAAU,CAAA,CAAA,OAAA,KAAW,YAAY,GAAG,CAAA;AAC9D,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,kBAAA,CAAmB,GAAG,CAAA;AAAA,GACxB;AACA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,yBACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,KAAO,EAAA,EAAA,SAAO,CAC7C,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,eAAA;AAAA,MACV,KAAM,EAAA,EAAA;AAAA,MACN,KAAO,EAAA,cAAA;AAAA,MACP,QAAU,EAAA,eAAA;AAAA,MACV,MAAO,EAAA;AAAA;AAAA,GAEX,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';\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,CAAU,KAAA,MAAA;AAAA,EACrD,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,QAAU,EAAA,MAAA;AAAA,IACV,YAAc,EAAA,MAAA;AAAA,IACd,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAEK,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA;AAAA,IACJ,QAAU,EAAA,WAAA;AAAA,IACV,eAAA;AAAA,IACA,kBAAoB,EAAA;AAAA,GACtB,GAAI,WAAW,sBAAsB,CAAA;AACrC,EAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,GAAA,CAAI,CAAY,OAAA,MAAA;AAAA,IACjD,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACP,CAAA,CAAA;AAEF,EAAM,MAAA,UAAA,GACJ,mBAAmB,WAAa,EAAA,MAAA,GAAS,IACrC,WAAY,CAAA,eAAe,CAC3B,GAAA,WAAA,GAAc,CAAC,CAAA;AAErB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GACxC,SAAwB,UAAU,CAAA;AAEpC,EAAM,MAAA,eAAA,GAAkB,CAAC,GAAuB,KAAA;AAC9C,IAAA,MAAM,KAAQ,GAAA,WAAA,CAAY,SAAU,CAAA,CAAA,OAAA,KAAW,YAAY,GAAG,CAAA;AAC9D,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,kBAAA,CAAmB,GAAG,CAAA;AAAA,GACxB;AACA,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,yBACb,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAO,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,oBAC7C,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,eAAA;AAAA,QACV,KAAM,EAAA,EAAA;AAAA,QACN,KAAO,EAAA,cAAA;AAAA,QACP,QAAU,EAAA,eAAA;AAAA,QACV,MAAO,EAAA;AAAA;AAAA;AACT,GACF,EAAA,CAAA;AAEJ;;;;"}