@backstage-community/plugin-tekton 3.23.0 → 3.25.1

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

@@ -1,6 +1,8 @@
-import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { makeStyles, TableHead, TableRow, TableCell, TableSortLabel } from '@material-ui/core';
-import { PipelineRunColumnHeader } from './PipelineRunColumnHeader.esm.js';
+import { getPipelineRunColumnHeader } from './PipelineRunColumnHeader.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   header: {
@@ -23,30 +25,35 @@ const EnhancedTableHead = ({
     onRequestSort(event, property, id);
   };
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, PipelineRunColumnHeader.map((headCell) => {
-    return /* @__PURE__ */ React.createElement(
+  const { t } = useTranslationRef(tektonTranslationRef);
+  const pipelineRunColumnHeader = getPipelineRunColumnHeader(t);
+  return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: pipelineRunColumnHeader.map((headCell) => {
+    return /* @__PURE__ */ jsx(
       TableCell,
       {
         className: classes.header,
-        key: headCell.id,
         align: "left",
         padding: "normal",
-        sortDirection: orderBy === headCell.field ? headCell.defaultSort : false
+        sortDirection: orderBy === headCell.field ? headCell.defaultSort : false,
+        children: headCell.field ? /* @__PURE__ */ jsx(
+          TableSortLabel,
+          {
+            active: orderBy === headCell.field && orderById === headCell.id,
+            direction: order,
+            onClick: createSortHandler(
+              headCell.field,
+              headCell.id
+            ),
+            children: headCell.title
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          headCell.title
+        ] })
       },
-      headCell.field ? /* @__PURE__ */ React.createElement(
-        TableSortLabel,
-        {
-          active: orderBy === headCell.field && orderById === headCell.id,
-          direction: order,
-          onClick: createSortHandler(
-            headCell.field,
-            headCell.id
-          )
-        },
-        headCell.title
-      ) : /* @__PURE__ */ React.createElement(React.Fragment, null, " ", headCell.title)
+      headCell.id
     );
-  })));
+  }) }) });
 };
 
 export { EnhancedTableHead };

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineTableHeader.esm.js","sources":["../../../src/components/PipelineRunList/PipelineTableHeader.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport * as React from 'react';\n\nimport {\n  makeStyles,\n  TableCell,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n} from '@material-ui/core';\n\nimport { Order } from '../../types/types';\nimport { PipelineRunColumnHeader } from './PipelineRunColumnHeader';\n\ntype EnhancedTableProps = {\n  onRequestSort: (\n    event: React.MouseEvent<unknown>,\n    property: string,\n    id: string,\n  ) => void;\n  order: Order;\n  orderBy: string;\n  orderById: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  header: {\n    padding: theme.spacing(1, 2, 1, 2.5),\n    borderTop: `1px solid ${theme.palette.grey.A100}`,\n    borderBottom: `1px solid ${theme.palette.grey.A100}`,\n    // withStyles hasn't a generic overload for theme\n    fontWeight: 'bold',\n    position: 'static',\n    wordBreak: 'normal',\n  },\n}));\n\nexport const EnhancedTableHead = ({\n  order,\n  orderBy,\n  orderById,\n  onRequestSort,\n}: EnhancedTableProps) => {\n  const createSortHandler =\n    (property: string, id: string) => (event: React.MouseEvent<unknown>) => {\n      onRequestSort(event, property, id);\n    };\n  const classes = useStyles();\n\n  return (\n    <TableHead>\n      <TableRow>\n        {PipelineRunColumnHeader.map(headCell => {\n          return (\n            <TableCell\n              className={classes.header}\n              key={headCell.id as string}\n              align=\"left\"\n              padding=\"normal\"\n              sortDirection={\n                orderBy === headCell.field ? headCell.defaultSort : false\n              }\n            >\n              {headCell.field ? (\n                <TableSortLabel\n                  active={\n                    orderBy === headCell.field && orderById === headCell.id\n                  }\n                  direction={order}\n                  onClick={createSortHandler(\n                    headCell.field as string,\n                    headCell.id as string,\n                  )}\n                >\n                  {headCell.title}\n                </TableSortLabel>\n              ) : (\n                <> {headCell.title}</>\n              )}\n            </TableCell>\n          );\n        })}\n      </TableRow>\n    </TableHead>\n  );\n};\n"],"names":[],"mappings":";;;;AAuCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,MAAQ,EAAA;AAAA,IACN,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,GAAG,CAAA;AAAA,IACnC,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAAA,IAC/C,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAAA;AAAA,IAElD,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAE,CAAA,CAAA;AAEK,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAA,MAAM,iBACJ,GAAA,CAAC,QAAkB,EAAA,EAAA,KAAe,CAAC,KAAqC,KAAA;AACtE,IAAc,aAAA,CAAA,KAAA,EAAO,UAAU,EAAE,CAAA;AAAA,GACnC;AACF,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,2CACG,SACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QACE,EAAA,IAAA,EAAA,uBAAA,CAAwB,IAAI,CAAY,QAAA,KAAA;AACvC,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,MAAA;AAAA,QACnB,KAAK,QAAS,CAAA,EAAA;AAAA,QACd,KAAM,EAAA,MAAA;AAAA,QACN,OAAQ,EAAA,QAAA;AAAA,QACR,aACE,EAAA,OAAA,KAAY,QAAS,CAAA,KAAA,GAAQ,SAAS,WAAc,GAAA;AAAA,OAAA;AAAA,MAGrD,SAAS,KACR,mBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MACE,EAAA,OAAA,KAAY,QAAS,CAAA,KAAA,IAAS,cAAc,QAAS,CAAA,EAAA;AAAA,UAEvD,SAAW,EAAA,KAAA;AAAA,UACX,OAAS,EAAA,iBAAA;AAAA,YACP,QAAS,CAAA,KAAA;AAAA,YACT,QAAS,CAAA;AAAA;AACX,SAAA;AAAA,QAEC,QAAS,CAAA;AAAA,OAGZ,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAE,GAAE,EAAA,QAAA,CAAS,KAAM;AAAA,KAEvB;AAAA,GAEH,CACH,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineTableHeader.esm.js","sources":["../../../src/components/PipelineRunList/PipelineTableHeader.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 { MouseEvent } from 'react';\n\nimport {\n  makeStyles,\n  TableCell,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n} from '@material-ui/core';\n\nimport { Order } from '../../types/types';\nimport { getPipelineRunColumnHeader } from './PipelineRunColumnHeader';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\ntype EnhancedTableProps = {\n  onRequestSort: (\n    event: MouseEvent<unknown>,\n    property: string,\n    id: string,\n  ) => void;\n  order: Order;\n  orderBy: string;\n  orderById: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  header: {\n    padding: theme.spacing(1, 2, 1, 2.5),\n    borderTop: `1px solid ${theme.palette.grey.A100}`,\n    borderBottom: `1px solid ${theme.palette.grey.A100}`,\n    // withStyles hasn't a generic overload for theme\n    fontWeight: 'bold',\n    position: 'static',\n    wordBreak: 'normal',\n  },\n}));\n\nexport const EnhancedTableHead = ({\n  order,\n  orderBy,\n  orderById,\n  onRequestSort,\n}: EnhancedTableProps) => {\n  const createSortHandler =\n    (property: string, id: string) => (event: MouseEvent<unknown>) => {\n      onRequestSort(event, property, id);\n    };\n  const classes = useStyles();\n  const { t } = useTranslationRef(tektonTranslationRef);\n  const pipelineRunColumnHeader = getPipelineRunColumnHeader(t);\n\n  return (\n    <TableHead>\n      <TableRow>\n        {pipelineRunColumnHeader.map(headCell => {\n          return (\n            <TableCell\n              className={classes.header}\n              key={headCell.id as string}\n              align=\"left\"\n              padding=\"normal\"\n              sortDirection={\n                orderBy === headCell.field ? headCell.defaultSort : false\n              }\n            >\n              {headCell.field ? (\n                <TableSortLabel\n                  active={\n                    orderBy === headCell.field && orderById === headCell.id\n                  }\n                  direction={order}\n                  onClick={createSortHandler(\n                    headCell.field as string,\n                    headCell.id as string,\n                  )}\n                >\n                  {headCell.title}\n                </TableSortLabel>\n              ) : (\n                <> {headCell.title}</>\n              )}\n            </TableCell>\n          );\n        })}\n      </TableRow>\n    </TableHead>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,MAAQ,EAAA;AAAA,IACN,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,GAAG,CAAA;AAAA,IACnC,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAAA,IAC/C,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAAA;AAAA,IAElD,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAE,CAAA,CAAA;AAEK,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAA,MAAM,iBACJ,GAAA,CAAC,QAAkB,EAAA,EAAA,KAAe,CAAC,KAA+B,KAAA;AAChE,IAAc,aAAA,CAAA,KAAA,EAAO,UAAU,EAAE,CAAA;AAAA,GACnC;AACF,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAM,MAAA,uBAAA,GAA0B,2BAA2B,CAAC,CAAA;AAE5D,EAAA,2BACG,SACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QACE,EAAA,EAAA,QAAA,EAAA,uBAAA,CAAwB,IAAI,CAAY,QAAA,KAAA;AACvC,IACE,uBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,MAAA;AAAA,QAEnB,KAAM,EAAA,MAAA;AAAA,QACN,OAAQ,EAAA,QAAA;AAAA,QACR,aACE,EAAA,OAAA,KAAY,QAAS,CAAA,KAAA,GAAQ,SAAS,WAAc,GAAA,KAAA;AAAA,QAGrD,mBAAS,KACR,mBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,MACE,EAAA,OAAA,KAAY,QAAS,CAAA,KAAA,IAAS,cAAc,QAAS,CAAA,EAAA;AAAA,YAEvD,SAAW,EAAA,KAAA;AAAA,YACX,OAAS,EAAA,iBAAA;AAAA,cACP,QAAS,CAAA,KAAA;AAAA,cACT,QAAS,CAAA;AAAA,aACX;AAAA,YAEC,QAAS,EAAA,QAAA,CAAA;AAAA;AAAA,4BAGV,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UAAE,QAAS,CAAA;AAAA,SAAM,EAAA;AAAA,OAAA;AAAA,MArBhB,QAAS,CAAA;AAAA,KAuBhB;AAAA,GAEH,GACH,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { pipelineRunFilterReducer, Status } from '@janus-idp/shared-react';
 import './PlrStatus.css.esm.js';
 
 const PlrStatus = ({ obj }) => {
   const plrStatus = pipelineRunFilterReducer(obj);
-  return /* @__PURE__ */ React__default.createElement(Status, { status: plrStatus, className: "bs-tkn-plrstatus" });
+  return /* @__PURE__ */ jsx(Status, { status: plrStatus, className: "bs-tkn-plrstatus" });
 };
 
 export { PlrStatus as default };

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 React from 'react';\n\nimport {\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  Status,\n} from '@janus-idp/shared-react';\n\nimport './PlrStatus.css';\n\ntype PlrStatusProps = { obj: PipelineRunKind };\n\nconst PlrStatus = ({ obj }: PlrStatusProps) => {\n  const plrStatus = pipelineRunFilterReducer(obj);\n  return <Status status={plrStatus} className=\"bs-tkn-plrstatus\" />;\n};\n\nexport default PlrStatus;\n"],"names":["React"],"mappings":";;;;AA2BA,MAAM,SAAY,GAAA,CAAC,EAAE,GAAA,EAA0B,KAAA;AAC7C,EAAM,MAAA,SAAA,GAAY,yBAAyB,GAAG,CAAA;AAC9C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAQ,EAAA,SAAA,EAAW,WAAU,kBAAmB,EAAA,CAAA;AACjE;;;;"}
+{"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';\n\ntype PlrStatusProps = { obj: PipelineRunKind };\n\nconst PlrStatus = ({ obj }: PlrStatusProps) => {\n  const plrStatus = pipelineRunFilterReducer(obj);\n  return <Status status={plrStatus} className=\"bs-tkn-plrstatus\" />;\n};\n\nexport default PlrStatus;\n"],"names":[],"mappings":";;;;AAyBA,MAAM,SAAY,GAAA,CAAC,EAAE,GAAA,EAA0B,KAAA;AAC7C,EAAM,MAAA,SAAA,GAAY,yBAAyB,GAAG,CAAA;AAC9C,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA,EAAO,MAAQ,EAAA,SAAA,EAAW,WAAU,kBAAmB,EAAA,CAAA;AACjE;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Split, SplitItem } from '@patternfly/react-core';
 import './ResourceBadge.css.esm.js';
 
@@ -8,7 +8,11 @@ const ResourceBadge = ({
   name,
   suffix
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Split, { className: "bs-tkn-pipeline-visualization__label" }, /* @__PURE__ */ React__default.createElement(SplitItem, { style: { marginRight: "var(--pf-t--global--spacer--sm)" } }, /* @__PURE__ */ React__default.createElement("span", { className: "badge", style: { backgroundColor: color } }, abbr)), /* @__PURE__ */ React__default.createElement(SplitItem, null, /* @__PURE__ */ React__default.createElement("span", null, name)), suffix ? /* @__PURE__ */ React__default.createElement(SplitItem, { style: { marginLeft: "var(--pf-t--global--spacer--sm)" } }, suffix) : null);
+  return /* @__PURE__ */ jsxs(Split, { className: "bs-tkn-pipeline-visualization__label", children: [
+    /* @__PURE__ */ jsx(SplitItem, { style: { marginRight: "var(--pf-t--global--spacer--sm)" }, children: /* @__PURE__ */ jsx("span", { className: "badge", style: { backgroundColor: color }, children: abbr }) }),
+    /* @__PURE__ */ jsx(SplitItem, { children: /* @__PURE__ */ jsx("span", { children: name }) }),
+    suffix ? /* @__PURE__ */ jsx(SplitItem, { style: { marginLeft: "var(--pf-t--global--spacer--sm)" }, children: suffix }) : null
+  ] });
 };
 
 export { ResourceBadge as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceBadge.esm.js","sources":["../../../src/components/PipelineRunList/ResourceBadge.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 { Split, SplitItem } from '@patternfly/react-core';\n\nimport './ResourceBadge.css';\n\nconst ResourceBadge = ({\n  color,\n  abbr,\n  name,\n  suffix,\n}: {\n  color: string;\n  abbr: string;\n  name: string;\n  suffix?: React.ReactNode;\n}) => {\n  return (\n    <Split className=\"bs-tkn-pipeline-visualization__label\">\n      <SplitItem style={{ marginRight: 'var(--pf-t--global--spacer--sm)' }}>\n        <span className=\"badge\" style={{ backgroundColor: color }}>\n          {abbr}\n        </span>\n      </SplitItem>\n      <SplitItem>\n        <span>{name}</span>\n      </SplitItem>\n      {suffix ? (\n        <SplitItem style={{ marginLeft: 'var(--pf-t--global--spacer--sm)' }}>\n          {suffix}\n        </SplitItem>\n      ) : null}\n    </Split>\n  );\n};\n\nexport default ResourceBadge;\n"],"names":["React"],"mappings":";;;;AAqBA,MAAM,gBAAgB,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAKM,KAAA;AACJ,EAAA,oDACG,KAAM,EAAA,EAAA,SAAA,EAAU,0DACdA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAO,EAAE,WAAA,EAAa,iCAAkC,EAAA,EAAA,+CAChE,MAAK,EAAA,EAAA,SAAA,EAAU,SAAQ,KAAO,EAAA,EAAE,iBAAiB,KAAM,EAAA,EAAA,EACrD,IACH,CACF,mBACCA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,+CACE,MAAM,EAAA,IAAA,EAAA,IAAK,CACd,CACC,EAAA,MAAA,mBACEA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAO,EAAE,UAAA,EAAY,mCAC7B,EAAA,EAAA,MACH,IACE,IACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ResourceBadge.esm.js","sources":["../../../src/components/PipelineRunList/ResourceBadge.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 { ReactNode } from 'react';\n\nimport { Split, SplitItem } from '@patternfly/react-core';\n\nimport './ResourceBadge.css';\n\nconst ResourceBadge = ({\n  color,\n  abbr,\n  name,\n  suffix,\n}: {\n  color: string;\n  abbr: string;\n  name: string;\n  suffix?: ReactNode;\n}) => {\n  return (\n    <Split className=\"bs-tkn-pipeline-visualization__label\">\n      <SplitItem style={{ marginRight: 'var(--pf-t--global--spacer--sm)' }}>\n        <span className=\"badge\" style={{ backgroundColor: color }}>\n          {abbr}\n        </span>\n      </SplitItem>\n      <SplitItem>\n        <span>{name}</span>\n      </SplitItem>\n      {suffix ? (\n        <SplitItem style={{ marginLeft: 'var(--pf-t--global--spacer--sm)' }}>\n          {suffix}\n        </SplitItem>\n      ) : null}\n    </Split>\n  );\n};\n\nexport default ResourceBadge;\n"],"names":[],"mappings":";;;;AAqBA,MAAM,gBAAgB,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAKM,KAAA;AACJ,EACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAU,sCACf,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAU,KAAO,EAAA,EAAE,WAAa,EAAA,iCAAA,IAC/B,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,OAAA,EAAQ,OAAO,EAAE,eAAA,EAAiB,KAAM,EAAA,EACrD,gBACH,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,SAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAM,gBAAK,CACd,EAAA,CAAA;AAAA,IACC,MAAA,uBACE,SAAU,EAAA,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,iCAAA,EAC7B,EAAA,QAAA,EAAA,MAAA,EACH,CACE,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useState, useEffect } 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';
@@ -6,6 +7,8 @@ import { tektonGroupColor } from '../../types/types.esm.js';
 import ResourceBadge from '../PipelineRunList/ResourceBadge.esm.js';
 import PipelineRunLogDownloader from './PipelineRunLogDownloader.esm.js';
 import { PipelineRunLogs } from './PipelineRunLogs.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -32,57 +35,66 @@ const PipelineRunLogDialog = ({
   forSBOM
 }) => {
   const classes = useStyles();
-  const [task, setTask] = React__default.useState(activeTask);
-  React__default.useEffect(() => {
+  const [task, setTask] = useState(activeTask);
+  const { t } = useTranslationRef(tektonTranslationRef);
+  useEffect(() => {
     if (forSBOM && activeTask) {
       setTask(activeTask);
     }
   }, [forSBOM, activeTask]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       "data-testid": "pipelinerun-logs-dialog",
       maxWidth: "xl",
       fullWidth: true,
       open,
-      onClose: closeDialog
-    },
-    /* @__PURE__ */ React__default.createElement(DialogTitle, { id: "pipelinerun-logs", title: "PipelineRun Logs" }, /* @__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(
-      PipelineRunLogDownloader,
-      {
-        pods,
-        activeTask: task,
-        pipelineRun
-      }
-    ), /* @__PURE__ */ React__default.createElement(
-      PipelineRunLogs,
-      {
-        pipelineRun,
-        taskRuns,
-        pods,
-        activeTask: task,
-        setActiveTask: setTask
-      }
-    )))
+      onClose: closeDialog,
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: "pipelinerun-logs", title: t("pipelineRunLogs.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__ */ jsxs(ErrorBoundary, { children: [
+          /* @__PURE__ */ jsx(
+            PipelineRunLogDownloader,
+            {
+              pods,
+              activeTask: task,
+              pipelineRun
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PipelineRunLogs,
+            {
+              pipelineRun,
+              taskRuns,
+              pods,
+              activeTask: task,
+              setActiveTask: setTask
+            }
+          )
+        ] }) })
+      ]
+    }
   );
 };
-var PipelineRunLogDialog$1 = React__default.memo(PipelineRunLogDialog);
+var PipelineRunLogDialog$1 = memo(PipelineRunLogDialog);
 
 export { PipelineRunLogDialog$1 as default };
 //# sourceMappingURL=PipelineRunLogDialog.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunLogDialog.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogDialog.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 { V1Pod } from '@kubernetes/client-node';\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 ResourceBadge from '../PipelineRunList/ResourceBadge';\nimport PipelineRunLogDownloader from './PipelineRunLogDownloader';\nimport PipelineRunLogs from './PipelineRunLogs';\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 PipelineRunLogDialogProps = {\n  open: boolean;\n  closeDialog: () => void;\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n  pods: V1Pod[];\n  activeTask?: string;\n  forSBOM?: boolean;\n};\nconst PipelineRunLogDialog = ({\n  open,\n  closeDialog,\n  pipelineRun,\n  pods,\n  taskRuns,\n  activeTask,\n  forSBOM,\n}: PipelineRunLogDialogProps) => {\n  const classes = useStyles();\n\n  const [task, setTask] = React.useState(activeTask);\n\n  React.useEffect(() => {\n    // If we trigger this dialog for the SBOM task, update the current active task.\n    if (forSBOM && activeTask) {\n      setTask(activeTask);\n    }\n  }, [forSBOM, activeTask]);\n\n  return (\n    <Dialog\n      data-testid=\"pipelinerun-logs-dialog\"\n      maxWidth=\"xl\"\n      fullWidth\n      open={open}\n      onClose={closeDialog}\n    >\n      <DialogTitle id=\"pipelinerun-logs\" title=\"PipelineRun Logs\">\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          <PipelineRunLogDownloader\n            pods={pods}\n            activeTask={task}\n            pipelineRun={pipelineRun}\n          />\n          <PipelineRunLogs\n            pipelineRun={pipelineRun}\n            taskRuns={taskRuns}\n            pods={pods}\n            activeTask={task}\n            setActiveTask={setTask}\n          />\n        </ErrorBoundary>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default React.memo(PipelineRunLogDialog);\n"],"names":["React"],"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;AAWA,MAAM,uBAAuB,CAAC;AAAA,EAC5B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAM,SAAS,UAAU,CAAA;AAEjD,EAAAA,cAAA,CAAM,UAAU,MAAM;AAEpB,IAAA,IAAI,WAAW,UAAY,EAAA;AACzB,MAAA,OAAA,CAAQ,UAAU,CAAA;AAAA;AACpB,GACC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AAExB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,yBAAA;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,kBAAmB,EAAA,KAAA,EAAM,sCACtCA,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,KAEvC,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,aACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,aACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,UAAY,EAAA,IAAA;AAAA,QACZ;AAAA;AAAA,KAEF,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAA;AAAA,QACA,UAAY,EAAA,IAAA;AAAA,QACZ,aAAe,EAAA;AAAA;AAAA,KAEnB,CACF;AAAA,GACF;AAEJ,CAAA;AAEA,6BAAeA,cAAA,CAAM,KAAK,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"PipelineRunLogDialog.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogDialog.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, memo } from 'react';\n\nimport { ErrorBoundary } from '@backstage/core-components';\n\nimport { V1Pod } from '@kubernetes/client-node';\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 ResourceBadge from '../PipelineRunList/ResourceBadge';\nimport PipelineRunLogDownloader from './PipelineRunLogDownloader';\nimport PipelineRunLogs from './PipelineRunLogs';\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 PipelineRunLogDialogProps = {\n  open: boolean;\n  closeDialog: () => void;\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n  pods: V1Pod[];\n  activeTask?: string;\n  forSBOM?: boolean;\n};\nconst PipelineRunLogDialog = ({\n  open,\n  closeDialog,\n  pipelineRun,\n  pods,\n  taskRuns,\n  activeTask,\n  forSBOM,\n}: PipelineRunLogDialogProps) => {\n  const classes = useStyles();\n\n  const [task, setTask] = useState(activeTask);\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  useEffect(() => {\n    // If we trigger this dialog for the SBOM task, update the current active task.\n    if (forSBOM && activeTask) {\n      setTask(activeTask);\n    }\n  }, [forSBOM, activeTask]);\n\n  return (\n    <Dialog\n      data-testid=\"pipelinerun-logs-dialog\"\n      maxWidth=\"xl\"\n      fullWidth\n      open={open}\n      onClose={closeDialog}\n    >\n      <DialogTitle id=\"pipelinerun-logs\" title={t('pipelineRunLogs.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          <PipelineRunLogDownloader\n            pods={pods}\n            activeTask={task}\n            pipelineRun={pipelineRun}\n          />\n          <PipelineRunLogs\n            pipelineRun={pipelineRun}\n            taskRuns={taskRuns}\n            pods={pods}\n            activeTask={task}\n            setActiveTask={setTask}\n          />\n        </ErrorBoundary>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default memo(PipelineRunLogDialog);\n"],"names":[],"mappings":";;;;;;;;;;;;AAyCA,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;AAWA,MAAM,uBAAuB,CAAC;AAAA,EAC5B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,UAAU,CAAA;AAC3C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,IAAI,WAAW,UAAY,EAAA;AACzB,MAAA,OAAA,CAAQ,UAAU,CAAA;AAAA;AACpB,GACC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AAExB,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,yBAAA;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,kBAAA,EAAmB,KAAO,EAAA,CAAA,CAAE,uBAAuB,CAAA,EACjE,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,0BACA,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,aACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,wBAAA;AAAA,YAAA;AAAA,cACC,IAAA;AAAA,cACA,UAAY,EAAA,IAAA;AAAA,cACZ;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,WAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA;AAAA,cACA,UAAY,EAAA,IAAA;AAAA,cACZ,aAAe,EAAA;AAAA;AAAA;AACjB,SAAA,EACF,CACF,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,6BAAe,KAAK,oBAAoB,CAAA;;;;"}

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

@@ -1,45 +1,53 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 import { Flex, FlexItem } from '@patternfly/react-core';
 import { TEKTON_PIPELINE_RUN, TEKTON_PIPELINE_TASKRUN, TEKTON_PIPELINE_TASK } from '../../consts/tekton-const.esm.js';
 import PodLogsDownloadLink from './PodLogsDownloadLink.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const PipelineRunLogDownloader = ({ pods, pipelineRun, activeTask }) => {
   const filteredPods = pods?.filter(
     (p) => p?.metadata?.labels?.[TEKTON_PIPELINE_RUN] === pipelineRun?.metadata?.name
   );
-  const sortedPods = React__default.useMemo(
+  const sortedPods = useMemo(
     () => Array.from(filteredPods)?.sort(
       (a, b) => new Date(a?.status?.startTime).getTime() - new Date(b?.status?.startTime).getTime()
     ),
     [filteredPods]
   );
+  const { t } = useTranslationRef(tektonTranslationRef);
   const activeTaskPod = sortedPods.find(
     (sp) => sp.metadata?.labels?.[TEKTON_PIPELINE_TASKRUN] === activeTask
   ) ?? sortedPods[sortedPods.length - 1];
-  return sortedPods.length > 0 ? /* @__PURE__ */ React__default.createElement(
+  return sortedPods.length > 0 ? /* @__PURE__ */ jsxs(
     Flex,
     {
       "data-testid": "pipelinerun-logs-downloader",
-      justifyContent: { default: "justifyContentFlexEnd" }
-    },
-    /* @__PURE__ */ React__default.createElement(FlexItem, null, /* @__PURE__ */ React__default.createElement(
-      PodLogsDownloadLink,
-      {
-        "data-testid": "download-task-logs",
-        pods: activeTaskPod ? [activeTaskPod] : [],
-        fileName: `${activeTaskPod?.metadata?.labels?.[TEKTON_PIPELINE_TASK] ?? "task"}.log`,
-        downloadTitle: "Download"
-      }
-    )),
-    /* @__PURE__ */ React__default.createElement(FlexItem, null, /* @__PURE__ */ React__default.createElement(
-      PodLogsDownloadLink,
-      {
-        "data-testid": "download-pipelinerun-logs",
-        pods: sortedPods,
-        fileName: `${pipelineRun?.metadata?.name ?? "pipelinerun"}.log`,
-        downloadTitle: "Download all tasks logs"
-      }
-    ))
+      justifyContent: { default: "justifyContentFlexEnd" },
+      children: [
+        /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+          PodLogsDownloadLink,
+          {
+            "data-testid": "download-task-logs",
+            pods: activeTaskPod ? [activeTaskPod] : [],
+            fileName: `${activeTaskPod?.metadata?.labels?.[TEKTON_PIPELINE_TASK] ?? "task"}.log`,
+            downloadTitle: t("pipelineRunLogs.downloader.downloadTaskLogs")
+          }
+        ) }),
+        /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+          PodLogsDownloadLink,
+          {
+            "data-testid": "download-pipelinerun-logs",
+            pods: sortedPods,
+            fileName: `${pipelineRun?.metadata?.name ?? "pipelinerun"}.log`,
+            downloadTitle: t(
+              "pipelineRunLogs.downloader.downloadPipelineRunLogs"
+            )
+          }
+        ) })
+      ]
+    }
   ) : null;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunLogDownloader.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogDownloader.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 { V1Pod } from '@kubernetes/client-node';\nimport { Flex, FlexItem } from '@patternfly/react-core';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport {\n  TEKTON_PIPELINE_RUN,\n  TEKTON_PIPELINE_TASK,\n  TEKTON_PIPELINE_TASKRUN,\n} from '../../consts/tekton-const';\nimport PodLogsDownloadLink from './PodLogsDownloadLink';\n\nconst PipelineRunLogDownloader: React.FC<{\n  pods: V1Pod[];\n  pipelineRun: PipelineRunKind;\n  activeTask: string | undefined;\n}> = ({ pods, pipelineRun, activeTask }) => {\n  const filteredPods: V1Pod[] = pods?.filter(\n    (p: V1Pod) =>\n      p?.metadata?.labels?.[TEKTON_PIPELINE_RUN] ===\n      pipelineRun?.metadata?.name,\n  );\n\n  const sortedPods: V1Pod[] = React.useMemo(\n    () =>\n      Array.from(filteredPods)?.sort(\n        (a: V1Pod, b: V1Pod) =>\n          new Date(a?.status?.startTime as Date).getTime() -\n          new Date(b?.status?.startTime as Date).getTime(),\n      ),\n    [filteredPods],\n  );\n\n  const activeTaskPod: V1Pod =\n    sortedPods.find(\n      (sp: V1Pod) =>\n        sp.metadata?.labels?.[TEKTON_PIPELINE_TASKRUN] === activeTask,\n    ) ?? sortedPods[sortedPods.length - 1];\n\n  return sortedPods.length > 0 ? (\n    <Flex\n      data-testid=\"pipelinerun-logs-downloader\"\n      justifyContent={{ default: 'justifyContentFlexEnd' }}\n    >\n      <FlexItem>\n        <PodLogsDownloadLink\n          data-testid=\"download-task-logs\"\n          pods={activeTaskPod ? [activeTaskPod] : []}\n          fileName={`${\n            activeTaskPod?.metadata?.labels?.[TEKTON_PIPELINE_TASK] ?? 'task'\n          }.log`}\n          downloadTitle=\"Download\"\n        />\n      </FlexItem>\n      <FlexItem>\n        <PodLogsDownloadLink\n          data-testid=\"download-pipelinerun-logs\"\n          pods={sortedPods}\n          fileName={`${pipelineRun?.metadata?.name ?? 'pipelinerun'}.log`}\n          downloadTitle=\"Download all tasks logs\"\n        />\n      </FlexItem>\n    </Flex>\n  ) : null;\n};\nexport default PipelineRunLogDownloader;\n"],"names":["React"],"mappings":";;;;;AA6BA,MAAM,2BAID,CAAC,EAAE,IAAM,EAAA,WAAA,EAAa,YAAiB,KAAA;AAC1C,EAAA,MAAM,eAAwB,IAAM,EAAA,MAAA;AAAA,IAClC,CAAC,MACC,CAAG,EAAA,QAAA,EAAU,SAAS,mBAAmB,CAAA,KACzC,aAAa,QAAU,EAAA;AAAA,GAC3B;AAEA,EAAA,MAAM,aAAsBA,cAAM,CAAA,OAAA;AAAA,IAChC,MACE,KAAA,CAAM,IAAK,CAAA,YAAY,CAAG,EAAA,IAAA;AAAA,MACxB,CAAC,CAAU,EAAA,CAAA,KACT,IAAI,IAAA,CAAK,GAAG,MAAQ,EAAA,SAAiB,CAAE,CAAA,OAAA,KACvC,IAAI,IAAA,CAAK,GAAG,MAAQ,EAAA,SAAiB,EAAE,OAAQ;AAAA,KACnD;AAAA,IACF,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,gBACJ,UAAW,CAAA,IAAA;AAAA,IACT,CAAC,EACC,KAAA,EAAA,CAAG,QAAU,EAAA,MAAA,GAAS,uBAAuB,CAAM,KAAA;AAAA,GAClD,IAAA,UAAA,CAAW,UAAW,CAAA,MAAA,GAAS,CAAC,CAAA;AAEvC,EAAO,OAAA,UAAA,CAAW,SAAS,CACzB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,6BAAA;AAAA,MACZ,cAAA,EAAgB,EAAE,OAAA,EAAS,uBAAwB;AAAA,KAAA;AAAA,iDAElD,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,oBAAA;AAAA,QACZ,IAAM,EAAA,aAAA,GAAgB,CAAC,aAAa,IAAI,EAAC;AAAA,QACzC,UAAU,CACR,EAAA,aAAA,EAAe,UAAU,MAAS,GAAA,oBAAoB,KAAK,MAC7D,CAAA,IAAA,CAAA;AAAA,QACA,aAAc,EAAA;AAAA;AAAA,KAElB,CAAA;AAAA,iDACC,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,2BAAA;AAAA,QACZ,IAAM,EAAA,UAAA;AAAA,QACN,QAAU,EAAA,CAAA,EAAG,WAAa,EAAA,QAAA,EAAU,QAAQ,aAAa,CAAA,IAAA,CAAA;AAAA,QACzD,aAAc,EAAA;AAAA;AAAA,KAElB;AAAA,GAEA,GAAA,IAAA;AACN;;;;"}
+{"version":3,"file":"PipelineRunLogDownloader.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogDownloader.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 { useMemo } from 'react';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { Flex, FlexItem } from '@patternfly/react-core';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport {\n  TEKTON_PIPELINE_RUN,\n  TEKTON_PIPELINE_TASK,\n  TEKTON_PIPELINE_TASKRUN,\n} from '../../consts/tekton-const';\nimport PodLogsDownloadLink from './PodLogsDownloadLink';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\nconst PipelineRunLogDownloader: FC<{\n  pods: V1Pod[];\n  pipelineRun: PipelineRunKind;\n  activeTask: string | undefined;\n}> = ({ pods, pipelineRun, activeTask }) => {\n  const filteredPods: V1Pod[] = pods?.filter(\n    (p: V1Pod) =>\n      p?.metadata?.labels?.[TEKTON_PIPELINE_RUN] ===\n      pipelineRun?.metadata?.name,\n  );\n\n  const sortedPods: V1Pod[] = useMemo(\n    () =>\n      Array.from(filteredPods)?.sort(\n        (a: V1Pod, b: V1Pod) =>\n          new Date(a?.status?.startTime as Date).getTime() -\n          new Date(b?.status?.startTime as Date).getTime(),\n      ),\n    [filteredPods],\n  );\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  const activeTaskPod: V1Pod =\n    sortedPods.find(\n      (sp: V1Pod) =>\n        sp.metadata?.labels?.[TEKTON_PIPELINE_TASKRUN] === activeTask,\n    ) ?? sortedPods[sortedPods.length - 1];\n\n  return sortedPods.length > 0 ? (\n    <Flex\n      data-testid=\"pipelinerun-logs-downloader\"\n      justifyContent={{ default: 'justifyContentFlexEnd' }}\n    >\n      <FlexItem>\n        <PodLogsDownloadLink\n          data-testid=\"download-task-logs\"\n          pods={activeTaskPod ? [activeTaskPod] : []}\n          fileName={`${\n            activeTaskPod?.metadata?.labels?.[TEKTON_PIPELINE_TASK] ?? 'task'\n          }.log`}\n          downloadTitle={t('pipelineRunLogs.downloader.downloadTaskLogs')}\n        />\n      </FlexItem>\n      <FlexItem>\n        <PodLogsDownloadLink\n          data-testid=\"download-pipelinerun-logs\"\n          pods={sortedPods}\n          fileName={`${pipelineRun?.metadata?.name ?? 'pipelinerun'}.log`}\n          downloadTitle={t(\n            'pipelineRunLogs.downloader.downloadPipelineRunLogs',\n          )}\n        />\n      </FlexItem>\n    </Flex>\n  ) : null;\n};\nexport default PipelineRunLogDownloader;\n"],"names":[],"mappings":";;;;;;;;AAiCA,MAAM,2BAID,CAAC,EAAE,IAAM,EAAA,WAAA,EAAa,YAAiB,KAAA;AAC1C,EAAA,MAAM,eAAwB,IAAM,EAAA,MAAA;AAAA,IAClC,CAAC,MACC,CAAG,EAAA,QAAA,EAAU,SAAS,mBAAmB,CAAA,KACzC,aAAa,QAAU,EAAA;AAAA,GAC3B;AAEA,EAAA,MAAM,UAAsB,GAAA,OAAA;AAAA,IAC1B,MACE,KAAA,CAAM,IAAK,CAAA,YAAY,CAAG,EAAA,IAAA;AAAA,MACxB,CAAC,CAAU,EAAA,CAAA,KACT,IAAI,IAAA,CAAK,GAAG,MAAQ,EAAA,SAAiB,CAAE,CAAA,OAAA,KACvC,IAAI,IAAA,CAAK,GAAG,MAAQ,EAAA,SAAiB,EAAE,OAAQ;AAAA,KACnD;AAAA,IACF,CAAC,YAAY;AAAA,GACf;AACA,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,MAAM,gBACJ,UAAW,CAAA,IAAA;AAAA,IACT,CAAC,EACC,KAAA,EAAA,CAAG,QAAU,EAAA,MAAA,GAAS,uBAAuB,CAAM,KAAA;AAAA,GAClD,IAAA,UAAA,CAAW,UAAW,CAAA,MAAA,GAAS,CAAC,CAAA;AAEvC,EAAO,OAAA,UAAA,CAAW,SAAS,CACzB,mBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,6BAAA;AAAA,MACZ,cAAA,EAAgB,EAAE,OAAA,EAAS,uBAAwB,EAAA;AAAA,MAEnD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,oBAAA;AAAA,YACZ,IAAM,EAAA,aAAA,GAAgB,CAAC,aAAa,IAAI,EAAC;AAAA,YACzC,UAAU,CACR,EAAA,aAAA,EAAe,UAAU,MAAS,GAAA,oBAAoB,KAAK,MAC7D,CAAA,IAAA,CAAA;AAAA,YACA,aAAA,EAAe,EAAE,6CAA6C;AAAA;AAAA,SAElE,EAAA,CAAA;AAAA,4BACC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,2BAAA;AAAA,YACZ,IAAM,EAAA,UAAA;AAAA,YACN,QAAU,EAAA,CAAA,EAAG,WAAa,EAAA,QAAA,EAAU,QAAQ,aAAa,CAAA,IAAA,CAAA;AAAA,YACzD,aAAe,EAAA,CAAA;AAAA,cACb;AAAA;AACF;AAAA,SAEJ,EAAA;AAAA;AAAA;AAAA,GAEA,GAAA,IAAA;AACN;;;;"}

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

@@ -1,14 +1,17 @@
-import React__default from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { DismissableBanner, LogViewer } from '@backstage/core-components';
 import { Paper } from '@material-ui/core';
 import { Skeleton } from '@material-ui/lab';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
 import { usePodLogsOfPipelineRun } from '../../hooks/usePodLogsOfPipelineRun.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const PipelineRunLogViewer = ({ pod }) => {
   const { value, error, loading } = usePodLogsOfPipelineRun({
     pod
   });
+  const { t } = useTranslationRef(tektonTranslationRef);
   const containersList = pod?.spec?.containers || [];
   let text = "";
   text = containersList.reduce(
@@ -23,31 +26,36 @@ ${value[idx].text}`
     },
     ""
   );
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, error && /* @__PURE__ */ React__default.createElement(
-    DismissableBanner,
-    {
-      message: error?.message,
-      variant: "error",
-      fixed: false,
-      id: "pod-logs"
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Paper,
-    {
-      elevation: 1,
-      style: { height: "100%", width: "100%", minHeight: "30rem" }
-    },
-    loading && /* @__PURE__ */ React__default.createElement(
-      Skeleton,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    error && /* @__PURE__ */ jsx(
+      DismissableBanner,
       {
-        "data-testid": "logs-skeleton",
-        variant: "rect",
-        width: "100%",
-        height: "100%"
+        message: error?.message,
+        variant: "error",
+        fixed: false,
+        id: "pod-logs"
       }
     ),
-    pod && !loading && /* @__PURE__ */ React__default.createElement(LogViewer, { text: text || "No Logs found" })
-  ));
+    /* @__PURE__ */ jsxs(
+      Paper,
+      {
+        elevation: 1,
+        style: { height: "100%", width: "100%", minHeight: "30rem" },
+        children: [
+          loading && /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              "data-testid": "logs-skeleton",
+              variant: "rect",
+              width: "100%",
+              height: "100%"
+            }
+          ),
+          pod && !loading && /* @__PURE__ */ jsx(LogViewer, { text: text || t("pipelineRunLogs.noLogs") })
+        ]
+      }
+    )
+  ] });
 };
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -60,7 +68,7 @@ const queryClient = new QueryClient({
 const PipelineRunLogViewerWithQueryClient = ({
   pod
 }) => {
-  return /* @__PURE__ */ React__default.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React__default.createElement(PipelineRunLogViewer, { pod }));
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(PipelineRunLogViewer, { pod }) });
 };
 
 export { PipelineRunLogViewerWithQueryClient as PipelineRunLogViewer };

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunLogViewer.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogViewer.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 { DismissableBanner, LogViewer } from '@backstage/core-components';\nimport { V1Container, V1Pod } from '@kubernetes/client-node';\nimport { Paper } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { usePodLogsOfPipelineRun } from '../../hooks/usePodLogsOfPipelineRun';\n\ntype PipelineRunLogViewerProps = { pod: V1Pod };\n\nconst PipelineRunLogViewer = ({ pod }: PipelineRunLogViewerProps) => {\n  const { value, error, loading } = usePodLogsOfPipelineRun({\n    pod,\n  });\n\n  const containersList = pod?.spec?.containers || [];\n  let text = '';\n\n  text = containersList.reduce(\n    (acc: string, container: V1Container, idx: number) => {\n      if (container?.name && value?.[idx]?.text) {\n        return acc\n          .concat(\n            `${container.name.toLocaleUpperCase('en-US')}\\n${value[idx].text}`,\n          )\n          .concat(idx === containersList.length - 1 ? '' : '\\n');\n      }\n      return acc;\n    },\n    '',\n  );\n\n  return (\n    <>\n      {error && (\n        <DismissableBanner\n          message={error?.message}\n          variant=\"error\"\n          fixed={false}\n          id=\"pod-logs\"\n        />\n      )}\n      <Paper\n        elevation={1}\n        style={{ height: '100%', width: '100%', minHeight: '30rem' }}\n      >\n        {loading && (\n          <Skeleton\n            data-testid=\"logs-skeleton\"\n            variant=\"rect\"\n            width=\"100%\"\n            height=\"100%\"\n          />\n        )}\n        {pod && !loading && <LogViewer text={text || 'No Logs found'} />}\n      </Paper>\n    </>\n  );\n};\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: 5,\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\nconst PipelineRunLogViewerWithQueryClient = ({\n  pod,\n}: PipelineRunLogViewerProps) => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <PipelineRunLogViewer pod={pod} />\n    </QueryClientProvider>\n  );\n};\n\nexport { PipelineRunLogViewerWithQueryClient as PipelineRunLogViewer };\n"],"names":["React"],"mappings":";;;;;;;AAyBA,MAAM,oBAAuB,GAAA,CAAC,EAAE,GAAA,EAAqC,KAAA;AACnE,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,KAAY,uBAAwB,CAAA;AAAA,IACxD;AAAA,GACD,CAAA;AAED,EAAA,MAAM,cAAiB,GAAA,GAAA,EAAK,IAAM,EAAA,UAAA,IAAc,EAAC;AACjD,EAAA,IAAI,IAAO,GAAA,EAAA;AAEX,EAAA,IAAA,GAAO,cAAe,CAAA,MAAA;AAAA,IACpB,CAAC,GAAa,EAAA,SAAA,EAAwB,GAAgB,KAAA;AACpD,MAAA,IAAI,SAAW,EAAA,IAAA,IAAQ,KAAQ,GAAA,GAAG,GAAG,IAAM,EAAA;AACzC,QAAA,OAAO,GACJ,CAAA,MAAA;AAAA,UACC,CAAG,EAAA,SAAA,CAAU,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAC;AAAA,EAAK,KAAA,CAAM,GAAG,CAAA,CAAE,IAAI,CAAA;AAAA,UAEjE,MAAO,CAAA,GAAA,KAAQ,eAAe,MAAS,GAAA,CAAA,GAAI,KAAK,IAAI,CAAA;AAAA;AAEzD,MAAO,OAAA,GAAA;AAAA,KACT;AAAA,IACA;AAAA,GACF;AAEA,EAAA,mFAEK,KACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAS,KAAO,EAAA,OAAA;AAAA,MAChB,OAAQ,EAAA,OAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,EAAG,EAAA;AAAA;AAAA,GAGP,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA;AAAA,MACX,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAO,EAAA,MAAA,EAAQ,WAAW,OAAQ;AAAA,KAAA;AAAA,IAE1D,OACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,eAAA;AAAA,QACZ,OAAQ,EAAA,MAAA;AAAA,QACR,KAAM,EAAA,MAAA;AAAA,QACN,MAAO,EAAA;AAAA;AAAA,KACT;AAAA,IAED,OAAO,CAAC,OAAA,iDAAY,SAAU,EAAA,EAAA,IAAA,EAAM,QAAQ,eAAiB,EAAA;AAAA,GAElE,CAAA;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAc,IAAI,WAAY,CAAA;AAAA,EAClC,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,CAAA;AAAA,MACP,oBAAsB,EAAA;AAAA;AACxB;AAEJ,CAAC,CAAA;AAED,MAAM,sCAAsC,CAAC;AAAA,EAC3C;AACF,CAAiC,KAAA;AAC/B,EAAA,oDACG,mBAAoB,EAAA,EAAA,MAAA,EAAQ,+BAC1BA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAqB,KAAU,CAClC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunLogViewer.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogViewer.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 { DismissableBanner, LogViewer } from '@backstage/core-components';\nimport { V1Container, V1Pod } from '@kubernetes/client-node';\nimport { Paper } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { usePodLogsOfPipelineRun } from '../../hooks/usePodLogsOfPipelineRun';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\ntype PipelineRunLogViewerProps = { pod: V1Pod };\n\nconst PipelineRunLogViewer = ({ pod }: PipelineRunLogViewerProps) => {\n  const { value, error, loading } = usePodLogsOfPipelineRun({\n    pod,\n  });\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  const containersList = pod?.spec?.containers || [];\n  let text = '';\n\n  text = containersList.reduce(\n    (acc: string, container: V1Container, idx: number) => {\n      if (container?.name && value?.[idx]?.text) {\n        return acc\n          .concat(\n            `${container.name.toLocaleUpperCase('en-US')}\\n${value[idx].text}`,\n          )\n          .concat(idx === containersList.length - 1 ? '' : '\\n');\n      }\n      return acc;\n    },\n    '',\n  );\n\n  return (\n    <>\n      {error && (\n        <DismissableBanner\n          message={error?.message}\n          variant=\"error\"\n          fixed={false}\n          id=\"pod-logs\"\n        />\n      )}\n      <Paper\n        elevation={1}\n        style={{ height: '100%', width: '100%', minHeight: '30rem' }}\n      >\n        {loading && (\n          <Skeleton\n            data-testid=\"logs-skeleton\"\n            variant=\"rect\"\n            width=\"100%\"\n            height=\"100%\"\n          />\n        )}\n        {pod && !loading && (\n          <LogViewer text={text || t('pipelineRunLogs.noLogs')} />\n        )}\n      </Paper>\n    </>\n  );\n};\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: 5,\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\nconst PipelineRunLogViewerWithQueryClient = ({\n  pod,\n}: PipelineRunLogViewerProps) => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <PipelineRunLogViewer pod={pod} />\n    </QueryClientProvider>\n  );\n};\n\nexport { PipelineRunLogViewerWithQueryClient as PipelineRunLogViewer };\n"],"names":[],"mappings":";;;;;;;;;AA0BA,MAAM,oBAAuB,GAAA,CAAC,EAAE,GAAA,EAAqC,KAAA;AACnE,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,KAAY,uBAAwB,CAAA;AAAA,IACxD;AAAA,GACD,CAAA;AACD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,MAAM,cAAiB,GAAA,GAAA,EAAK,IAAM,EAAA,UAAA,IAAc,EAAC;AACjD,EAAA,IAAI,IAAO,GAAA,EAAA;AAEX,EAAA,IAAA,GAAO,cAAe,CAAA,MAAA;AAAA,IACpB,CAAC,GAAa,EAAA,SAAA,EAAwB,GAAgB,KAAA;AACpD,MAAA,IAAI,SAAW,EAAA,IAAA,IAAQ,KAAQ,GAAA,GAAG,GAAG,IAAM,EAAA;AACzC,QAAA,OAAO,GACJ,CAAA,MAAA;AAAA,UACC,CAAG,EAAA,SAAA,CAAU,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAC;AAAA,EAAK,KAAA,CAAM,GAAG,CAAA,CAAE,IAAI,CAAA;AAAA,UAEjE,MAAO,CAAA,GAAA,KAAQ,eAAe,MAAS,GAAA,CAAA,GAAI,KAAK,IAAI,CAAA;AAAA;AAEzD,MAAO,OAAA,GAAA;AAAA,KACT;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,KAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,SAAS,KAAO,EAAA,OAAA;AAAA,QAChB,OAAQ,EAAA,OAAA;AAAA,QACR,KAAO,EAAA,KAAA;AAAA,QACP,EAAG,EAAA;AAAA;AAAA,KACL;AAAA,oBAEF,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,CAAA;AAAA,QACX,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAO,EAAA,MAAA,EAAQ,WAAW,OAAQ,EAAA;AAAA,QAE1D,QAAA,EAAA;AAAA,UACC,OAAA,oBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,aAAY,EAAA,eAAA;AAAA,cACZ,OAAQ,EAAA,MAAA;AAAA,cACR,KAAM,EAAA,MAAA;AAAA,cACN,MAAO,EAAA;AAAA;AAAA,WACT;AAAA,UAED,GAAA,IAAO,CAAC,OACP,oBAAA,GAAA,CAAC,aAAU,IAAM,EAAA,IAAA,IAAQ,CAAE,CAAA,wBAAwB,CAAG,EAAA;AAAA;AAAA;AAAA;AAE1D,GACF,EAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAc,IAAI,WAAY,CAAA;AAAA,EAClC,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,CAAA;AAAA,MACP,oBAAsB,EAAA;AAAA;AACxB;AAEJ,CAAC,CAAA;AAED,MAAM,sCAAsC,CAAC;AAAA,EAC3C;AACF,CAAiC,KAAA;AAC/B,EAAA,2BACG,mBAAoB,EAAA,EAAA,MAAA,EAAQ,aAC3B,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAU,CAClC,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
 import { Progress, LogViewer } from '@backstage/core-components';
 import { Paper } from '@material-ui/core';
 import Grid from '@material-ui/core/Grid';
@@ -6,6 +7,8 @@ import { getTaskRunsForPipelineRun, pipelineRunFilterReducer } from '@janus-idp/
 import { getSortedTaskRuns, getActiveTaskRun } from '../../utils/taskRun-utils.esm.js';
 import { PipelineRunLogViewer as PipelineRunLogViewerWithQueryClient } from './PipelineRunLogViewer.esm.js';
 import { TaskStatusStepper } from './TaskStatusStepper.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const PipelineRunLogs = ({
   pipelineRun,
@@ -26,8 +29,9 @@ const PipelineRunLogs = ({
     {}
   );
   const completed = pipelineRunFilterReducer(pipelineRun);
-  const [lastActiveStepId, setLastActiveStepId] = React__default.useState("");
-  React__default.useEffect(() => {
+  const [lastActiveStepId, setLastActiveStepId] = useState("");
+  const { t } = useTranslationRef(tektonTranslationRef);
+  useEffect(() => {
     const mostRecentFailedOrActiveStep = sortedTaskRuns.find(
       (tr) => ["Failed", "Running"].includes(tr.status)
     );
@@ -42,27 +46,33 @@ const PipelineRunLogs = ({
   const currentStepId = activeTask || lastActiveStepId;
   const activeItem = getActiveTaskRun(sortedTaskRuns, currentStepId);
   const podName = activeItem && taskRunFromYaml?.[currentStepId]?.status?.podName;
-  const podData = React__default.useMemo(
+  const podData = useMemo(
     () => pods.find((pod) => {
       return pod?.metadata?.name === podName;
     }),
     [pods, podName]
   );
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(Paper, null, /* @__PURE__ */ React__default.createElement(
-    TaskStatusStepper,
-    {
-      steps: sortedTaskRuns,
-      currentStepId,
-      onUserStepChange: setActiveTask
-    }
-  ))), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 9 }, !currentStepId && /* @__PURE__ */ React__default.createElement(Progress, null), /* @__PURE__ */ React__default.createElement("div", { style: { height: "80vh" } }, !podData ? /* @__PURE__ */ React__default.createElement(
-    Paper,
-    {
-      elevation: 1,
-      style: { height: "100%", width: "100%", minHeight: "30rem" }
-    },
-    /* @__PURE__ */ React__default.createElement(LogViewer, { text: "No Logs found" })
-  ) : /* @__PURE__ */ React__default.createElement(PipelineRunLogViewerWithQueryClient, { pod: podData }))));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(
+      TaskStatusStepper,
+      {
+        steps: sortedTaskRuns,
+        currentStepId,
+        onUserStepChange: setActiveTask
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 9, children: [
+      !currentStepId && /* @__PURE__ */ jsx(Progress, {}),
+      /* @__PURE__ */ jsx("div", { style: { height: "80vh" }, children: !podData ? /* @__PURE__ */ jsx(
+        Paper,
+        {
+          elevation: 1,
+          style: { height: "100%", width: "100%", minHeight: "30rem" },
+          children: /* @__PURE__ */ jsx(LogViewer, { text: t("pipelineRunLogs.noLogs") })
+        }
+      ) : /* @__PURE__ */ jsx(PipelineRunLogViewerWithQueryClient, { pod: podData }) })
+    ] })
+  ] });
 };
 
 export { PipelineRunLogs, PipelineRunLogs as default };