@backstage-community/plugin-tekton 3.38.0 → 3.40.0

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

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

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

@@ -1,6 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ErrorBoundary } from '@backstage/core-components';
-import { Dialog, DialogTitle, Box, IconButton, DialogContent, makeStyles, createStyles } from '@material-ui/core';
+import Box from '@mui/material/Box';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import IconButton from '@mui/material/IconButton';
 import CloseIcon from '@mui/icons-material/Close';
 import { tektonGroupColor } from '../../types/types.esm.js';
 import ResourceBadge from '../PipelineRunList/ResourceBadge.esm.js';
@@ -9,27 +13,22 @@ import '../../translations/index.esm.js';
 import { PipelineRunParamsAndResults } from './PipelineRunParamsAndResults.esm.js';
 import { tektonTranslationRef } from '../../translations/ref.esm.js';
 
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    titleContainer: {
-      display: "flex",
-      alignItems: "center",
-      gap: theme.spacing(1)
-    },
-    closeButton: {
-      position: "absolute",
-      right: theme.spacing(1),
-      top: theme.spacing(1),
-      color: theme.palette.grey[500]
-    }
-  })
-);
+const titleContainerSx = {
+  display: "flex",
+  alignItems: "center",
+  gap: 1
+};
+const closeButtonSx = {
+  position: "absolute",
+  right: (theme) => theme.spacing(1),
+  top: (theme) => theme.spacing(1),
+  color: (theme) => theme.palette.grey[500]
+};
 const PipelineRunParamsAndResultsDialog = ({
   open,
   closeDialog,
   pipelineRun
 }) => {
-  const classes = useStyles();
   const { t } = useTranslationRef(tektonTranslationRef);
   return /* @__PURE__ */ jsxs(
     Dialog,
@@ -40,7 +39,7 @@ const PipelineRunParamsAndResultsDialog = ({
       open,
       onClose: closeDialog,
       children: [
-        /* @__PURE__ */ jsx(DialogTitle, { title: t("pipelineRunParamsAndResults.title"), children: /* @__PURE__ */ jsxs(Box, { className: classes.titleContainer, children: [
+        /* @__PURE__ */ jsx(DialogTitle, { title: t("pipelineRunParamsAndResults.title"), children: /* @__PURE__ */ jsxs(Box, { sx: titleContainerSx, children: [
           /* @__PURE__ */ jsx(
             ResourceBadge,
             {
@@ -53,7 +52,7 @@ const PipelineRunParamsAndResultsDialog = ({
             IconButton,
             {
               "aria-label": "close",
-              className: classes.closeButton,
+              sx: closeButtonSx,
               onClick: closeDialog,
               children: /* @__PURE__ */ jsx(CloseIcon, {})
             }

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

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

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { Typography } from '@material-ui/core';
+import Typography from '@mui/material/Typography';
 import '../../translations/index.esm.js';
 import { Output } from './Output.esm.js';
 import { tektonTranslationRef } from '../../translations/ref.esm.js';

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

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

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

@@ -7,6 +7,7 @@ import { useTektonViewPermission } from '../../hooks/useTektonViewPermission.esm
 import { ModelsPlural } from '../../models.esm.js';
 import PermissionAlert from '../common/PermissionAlert.esm.js';
 import PipelineRunList from '../PipelineRunList/PipelineRunList.esm.js';
+import { TektonStylesProvider } from './TektonStylesProvider.esm.js';
 import '@patternfly/react-core/dist/styles/base-no-reset.css';
 import '@patternfly/patternfly/utilities/Accessibility/accessibility.css';
 import { Progress } from '@backstage/core-components';
@@ -49,7 +50,7 @@ const TektonCIComponent = () => {
   if (!viewPermissionData.allowed) {
     return /* @__PURE__ */ jsx(PermissionAlert, {});
   }
-  return /* @__PURE__ */ jsx(TektonResourcesContext.Provider, { value: tektonResourcesContextData, children: /* @__PURE__ */ jsx(PipelineRunList, {}) });
+  return /* @__PURE__ */ jsx(TektonStylesProvider, { children: /* @__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 { 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';\nimport { Progress } from '@backstage/core-components';\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 viewPermissionData = useTektonViewPermission();\n\n  if (viewPermissionData.loading) {\n    return (\n      <div data-testid=\"tekton-permission-progress\">\n        <Progress />\n      </div>\n    );\n  }\n  if (!viewPermissionData.allowed) {\n    return <PermissionAlert />;\n  }\n  return (\n    <TektonResourcesContext.Provider value={tektonResourcesContextData}>\n      <PipelineRunList />\n    </TektonResourcesContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BA,MAAM,gBAAA,uBAAuB,GAAA,EAAqB;AAE3C,MAAM,oBAAoB,MAAM;AACrC,EAAA,YAAA,EAAa;AAEb,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,iBAAiB,KAAA,CAAM,IAAA;AAAA,MAC3B,QAAA,CAAS,iBAAiB,wBAAwB;AAAA,KACpD,CAAE,MAAA;AAAA,MAAO,CAAA,IAAA,KACP,KAAK,UAAA,CACF,YAAA,CAAa,MAAM,CAAA,EAClB,KAAA,EAAO,SAAS,yBAAyB;AAAA,KAC/C;AAEA,IAAA,cAAA,CAAe,OAAA;AAAA,MAAQ,CAAA,IAAA,KACrB,gBAAA,CAAiB,GAAA,CAAI,IAAuB;AAAA,KAC9C;AAEA,IAAA,gBAAA,CAAiB,QAAQ,CAAA,IAAA,KAAQ;AAC/B,MAAA,IAAI,CAAC,QAAA,CAAS,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,EAAG;AACjC,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA,MAChC;AAAA,IACF,CAAC,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,QAAQ,CAAA,IAAA,KAAQ;AAC/B,QAAA,IAAI,QAAA,CAAS,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,EAAG;AAChC,UAAA,QAAA,CAAS,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA,QAChC;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAA,GAAmB;AAAA,IACvB,YAAA,CAAa,YAAA;AAAA,IACb,YAAA,CAAa,QAAA;AAAA,IACb,YAAA,CAAa;AAAA,GACf;AACA,EAAA,MAAM,0BAAA,GAA6B,yBAAyB,gBAAgB,CAAA;AAC5E,EAAA,MAAM,qBAAqB,uBAAA,EAAwB;AAEnD,EAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,IAAA,2BACG,KAAA,EAAA,EAAI,aAAA,EAAY,4BAAA,EACf,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AACA,EAAA,IAAI,CAAC,mBAAmB,OAAA,EAAS;AAC/B,IAAA,2BAAQ,eAAA,EAAA,EAAgB,CAAA;AAAA,EAC1B;AACA,EAAA,uBACE,GAAA,CAAC,uBAAuB,QAAA,EAAvB,EAAgC,OAAO,0BAAA,EACtC,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CAAA,EACnB,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';\nimport { TektonStylesProvider } from './TektonStylesProvider';\n\nimport '@patternfly/react-core/dist/styles/base-no-reset.css';\nimport '@patternfly/patternfly/utilities/Accessibility/accessibility.css';\nimport { Progress } from '@backstage/core-components';\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 viewPermissionData = useTektonViewPermission();\n\n  if (viewPermissionData.loading) {\n    return (\n      <div data-testid=\"tekton-permission-progress\">\n        <Progress />\n      </div>\n    );\n  }\n  if (!viewPermissionData.allowed) {\n    return <PermissionAlert />;\n  }\n  return (\n    <TektonStylesProvider>\n      <TektonResourcesContext.Provider value={tektonResourcesContextData}>\n        <PipelineRunList />\n      </TektonResourcesContext.Provider>\n    </TektonStylesProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA8BA,MAAM,gBAAA,uBAAuB,GAAA,EAAqB;AAE3C,MAAM,oBAAoB,MAAM;AACrC,EAAA,YAAA,EAAa;AAEb,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,iBAAiB,KAAA,CAAM,IAAA;AAAA,MAC3B,QAAA,CAAS,iBAAiB,wBAAwB;AAAA,KACpD,CAAE,MAAA;AAAA,MAAO,CAAA,IAAA,KACP,KAAK,UAAA,CACF,YAAA,CAAa,MAAM,CAAA,EAClB,KAAA,EAAO,SAAS,yBAAyB;AAAA,KAC/C;AAEA,IAAA,cAAA,CAAe,OAAA;AAAA,MAAQ,CAAA,IAAA,KACrB,gBAAA,CAAiB,GAAA,CAAI,IAAuB;AAAA,KAC9C;AAEA,IAAA,gBAAA,CAAiB,QAAQ,CAAA,IAAA,KAAQ;AAC/B,MAAA,IAAI,CAAC,QAAA,CAAS,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,EAAG;AACjC,QAAA,QAAA,CAAS,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA,MAChC;AAAA,IACF,CAAC,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,QAAQ,CAAA,IAAA,KAAQ;AAC/B,QAAA,IAAI,QAAA,CAAS,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,EAAG;AAChC,UAAA,QAAA,CAAS,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA,QAChC;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAA,GAAmB;AAAA,IACvB,YAAA,CAAa,YAAA;AAAA,IACb,YAAA,CAAa,QAAA;AAAA,IACb,YAAA,CAAa;AAAA,GACf;AACA,EAAA,MAAM,0BAAA,GAA6B,yBAAyB,gBAAgB,CAAA;AAC5E,EAAA,MAAM,qBAAqB,uBAAA,EAAwB;AAEnD,EAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,IAAA,2BACG,KAAA,EAAA,EAAI,aAAA,EAAY,4BAAA,EACf,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AACA,EAAA,IAAI,CAAC,mBAAmB,OAAA,EAAS;AAC/B,IAAA,2BAAQ,eAAA,EAAA,EAAgB,CAAA;AAAA,EAC1B;AACA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,sBAAA,CAAuB,QAAA,EAAvB,EAAgC,KAAA,EAAO,0BAAA,EACtC,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import { CacheProvider } from '@emotion/react';
+import { tektonEmotionCache } from '../../styles/tektonEmotionCache.esm.js';
+
+const TektonStylesProvider = ({ children }) => /* @__PURE__ */ jsx(CacheProvider, { value: tektonEmotionCache, children });
+
+export { TektonStylesProvider };
+//# sourceMappingURL=TektonStylesProvider.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TektonStylesProvider.esm.js","sources":["../../../src/components/Tekton/TektonStylesProvider.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { PropsWithChildren } from 'react';\n\nimport { CacheProvider } from '@emotion/react';\n\nimport { tektonEmotionCache } from '../../styles/tektonEmotionCache';\n\nexport const TektonStylesProvider = ({ children }: PropsWithChildren) => (\n  <CacheProvider value={tektonEmotionCache}>{children}</CacheProvider>\n);\n"],"names":[],"mappings":";;;;AAqBO,MAAM,oBAAA,GAAuB,CAAC,EAAE,QAAA,uBACrC,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,kBAAA,EAAqB,QAAA,EAAS;;;;"}

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

@@ -1,23 +1,20 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useState } from 'react';
 import { Select } from '@backstage/core-components';
-import { Typography, makeStyles } from '@material-ui/core';
+import Typography from '@mui/material/Typography';
 import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
 import './ClusterSelector.css.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import '../../translations/index.esm.js';
 import { tektonTranslationRef } from '../../translations/ref.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  label: {
-    color: theme.palette.text.primary,
-    fontSize: "1rem",
-    paddingRight: "10px",
-    fontWeight: "bold"
-  }
-}));
+const labelSx = {
+  color: "text.primary",
+  fontSize: "1rem",
+  paddingRight: "10px",
+  fontWeight: "bold"
+};
 const ClusterSelector = () => {
-  const classes = useStyles();
   const {
     clusters: k8sClusters,
     selectedCluster,
@@ -36,7 +33,7 @@ const ClusterSelector = () => {
     setClusterSelected(arg);
   };
   return /* @__PURE__ */ jsxs("div", { className: "bs-tkn-cluster-selector", children: [
-    /* @__PURE__ */ jsx(Typography, { className: classes.label, children: t("clusterSelector.label") }),
+    /* @__PURE__ */ jsx(Typography, { sx: labelSx, children: t("clusterSelector.label") }),
     /* @__PURE__ */ jsx(
       Select,
       {

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

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

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { WarningPanel } from '@backstage/core-components';
 import { useEntity } from '@backstage/plugin-catalog-react';
-import { Typography } from '@material-ui/core';
+import Typography from '@mui/material/Typography';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import '../../translations/index.esm.js';
 import { tektonTranslationRef } from '../../translations/ref.esm.js';

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorPanel.esm.js","sources":["../../../src/components/common/ErrorPanel.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 { WarningPanel } from '@backstage/core-components';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport { Typography } from '@material-ui/core';\n\nimport { ClusterError, ClusterErrors } from '../../types/types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\ntype ErrorPanelProps = { allErrors: ClusterErrors };\n\nexport const ErrorPanel = ({ allErrors }: ErrorPanelProps) => {\n  const {\n    entity: {\n      metadata: { name: entityName },\n    },\n  } = useEntity();\n  const { t } = useTranslationRef(tektonTranslationRef);\n  return (\n    <div className=\"warning-panel\" style={{ marginBottom: '16px' }}>\n      <WarningPanel\n        title={t('errorPanel.title')}\n        message={t('errorPanel.description', {\n          entityName,\n        })}\n      >\n        <div>\n          Errors:\n          {allErrors.map((err: ClusterError, _index) => {\n            const errMessage = err.message\n              ? `${err.message}`\n              : `Error fetching Kubernetes resource: '${err.resourcePath}', error: ${err.errorType}, status code: ${err.statusCode}`;\n            return (\n              <Typography\n                variant=\"body2\"\n                key={`${err.resourcePath}-${err.statusCode}`}\n              >\n                {err.errorType === 'FETCH_ERROR'\n                  ? `Error communicating with Kubernetes: ${err.errorType}, message: ${err.message}`\n                  : errMessage}\n              </Typography>\n            );\n          })}\n        </div>\n      </WarningPanel>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,UAAA,GAAa,CAAC,EAAE,SAAA,EAAU,KAAuB;AAC5D,EAAA,MAAM;AAAA,IACJ,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,EAAE,IAAA,EAAM,UAAA;AAAW;AAC/B,MACE,SAAA,EAAU;AACd,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAU,eAAA,EAAgB,OAAO,EAAE,YAAA,EAAc,QAAO,EAC3D,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,MAC3B,OAAA,EAAS,EAAE,wBAAA,EAA0B;AAAA,QACnC;AAAA,OACD,CAAA;AAAA,MAED,+BAAC,KAAA,EAAA,EAAI,QAAA,EAAA;AAAA,QAAA,SAAA;AAAA,QAEF,SAAA,CAAU,GAAA,CAAI,CAAC,GAAA,EAAmB,MAAA,KAAW;AAC5C,UAAA,MAAM,UAAA,GAAa,GAAA,CAAI,OAAA,GACnB,CAAA,EAAG,IAAI,OAAO,CAAA,CAAA,GACd,CAAA,qCAAA,EAAwC,GAAA,CAAI,YAAY,CAAA,UAAA,EAAa,GAAA,CAAI,SAAS,CAAA,eAAA,EAAkB,IAAI,UAAU,CAAA,CAAA;AACtH,UAAA,uBACE,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,OAAA;AAAA,cAGP,QAAA,EAAA,GAAA,CAAI,cAAc,aAAA,GACf,CAAA,qCAAA,EAAwC,IAAI,SAAS,CAAA,WAAA,EAAc,GAAA,CAAI,OAAO,CAAA,CAAA,GAC9E;AAAA,aAAA;AAAA,YAJC,CAAA,EAAG,GAAA,CAAI,YAAY,CAAA,CAAA,EAAI,IAAI,UAAU,CAAA;AAAA,WAK5C;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ErrorPanel.esm.js","sources":["../../../src/components/common/ErrorPanel.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 { WarningPanel } from '@backstage/core-components';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport Typography from '@mui/material/Typography';\n\nimport { ClusterError, ClusterErrors } from '../../types/types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\ntype ErrorPanelProps = { allErrors: ClusterErrors };\n\nexport const ErrorPanel = ({ allErrors }: ErrorPanelProps) => {\n  const {\n    entity: {\n      metadata: { name: entityName },\n    },\n  } = useEntity();\n  const { t } = useTranslationRef(tektonTranslationRef);\n  return (\n    <div className=\"warning-panel\" style={{ marginBottom: '16px' }}>\n      <WarningPanel\n        title={t('errorPanel.title')}\n        message={t('errorPanel.description', {\n          entityName,\n        })}\n      >\n        <div>\n          Errors:\n          {allErrors.map((err: ClusterError, _index) => {\n            const errMessage = err.message\n              ? `${err.message}`\n              : `Error fetching Kubernetes resource: '${err.resourcePath}', error: ${err.errorType}, status code: ${err.statusCode}`;\n            return (\n              <Typography\n                variant=\"body2\"\n                key={`${err.resourcePath}-${err.statusCode}`}\n              >\n                {err.errorType === 'FETCH_ERROR'\n                  ? `Error communicating with Kubernetes: ${err.errorType}, message: ${err.message}`\n                  : errMessage}\n              </Typography>\n            );\n          })}\n        </div>\n      </WarningPanel>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,UAAA,GAAa,CAAC,EAAE,SAAA,EAAU,KAAuB;AAC5D,EAAA,MAAM;AAAA,IACJ,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,EAAE,IAAA,EAAM,UAAA;AAAW;AAC/B,MACE,SAAA,EAAU;AACd,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAU,eAAA,EAAgB,OAAO,EAAE,YAAA,EAAc,QAAO,EAC3D,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,MAC3B,OAAA,EAAS,EAAE,wBAAA,EAA0B;AAAA,QACnC;AAAA,OACD,CAAA;AAAA,MAED,+BAAC,KAAA,EAAA,EAAI,QAAA,EAAA;AAAA,QAAA,SAAA;AAAA,QAEF,SAAA,CAAU,GAAA,CAAI,CAAC,GAAA,EAAmB,MAAA,KAAW;AAC5C,UAAA,MAAM,UAAA,GAAa,GAAA,CAAI,OAAA,GACnB,CAAA,EAAG,IAAI,OAAO,CAAA,CAAA,GACd,CAAA,qCAAA,EAAwC,GAAA,CAAI,YAAY,CAAA,UAAA,EAAa,GAAA,CAAI,SAAS,CAAA,eAAA,EAAkB,IAAI,UAAU,CAAA,CAAA;AACtH,UAAA,uBACE,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,OAAA;AAAA,cAGP,QAAA,EAAA,GAAA,CAAI,cAAc,aAAA,GACf,CAAA,qCAAA,EAAwC,IAAI,SAAS,CAAA,WAAA,EAAc,GAAA,CAAI,OAAO,CAAA,CAAA,GAC9E;AAAA,aAAA;AAAA,YAJC,CAAA,EAAG,GAAA,CAAI,YAAY,CAAA,CAAA,EAAI,IAAI,UAAU,CAAA;AAAA,WAK5C;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Alert, AlertTitle } from '@material-ui/lab';
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
 import { kubernetesClustersReadPermission, kubernetesResourcesReadPermission } from '@backstage/plugin-kubernetes-common';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import '../../translations/index.esm.js';

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionAlert.esm.js","sources":["../../../src/components/common/PermissionAlert.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 { Alert, AlertTitle } from '@material-ui/lab';\nimport {\n  kubernetesClustersReadPermission,\n  kubernetesResourcesReadPermission,\n} from '@backstage/plugin-kubernetes-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\nconst permissions = [\n  kubernetesClustersReadPermission,\n  kubernetesResourcesReadPermission,\n]\n  .map(p => p.name)\n  .join(', ');\n\nconst PermissionAlert = () => {\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <Alert severity=\"warning\" data-testid=\"no-permission-alert\">\n      <AlertTitle>{t('permissionAlert.title')}</AlertTitle>\n      {t('permissionAlert.description', { permissions })}\n    </Alert>\n  );\n};\nexport default PermissionAlert;\n"],"names":[],"mappings":";;;;;;;AAuBA,MAAM,WAAA,GAAc;AAAA,EAClB,gCAAA;AAAA,EACA;AACF,CAAA,CACG,IAAI,CAAA,CAAA,KAAK,CAAA,CAAE,IAAI,CAAA,CACf,KAAK,IAAI,CAAA;AAEZ,MAAM,kBAAkB,MAAM;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,SAAA,EAAU,eAAY,qBAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE,CAAA;AAAA,IACvC,CAAA,CAAE,6BAAA,EAA+B,EAAE,WAAA,EAAa;AAAA,GAAA,EACnD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PermissionAlert.esm.js","sources":["../../../src/components/common/PermissionAlert.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 Alert from '@mui/material/Alert';\nimport AlertTitle from '@mui/material/AlertTitle';\nimport {\n  kubernetesClustersReadPermission,\n  kubernetesResourcesReadPermission,\n} from '@backstage/plugin-kubernetes-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\nconst permissions = [\n  kubernetesClustersReadPermission,\n  kubernetesResourcesReadPermission,\n]\n  .map(p => p.name)\n  .join(', ');\n\nconst PermissionAlert = () => {\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <Alert severity=\"warning\" data-testid=\"no-permission-alert\">\n      <AlertTitle>{t('permissionAlert.title')}</AlertTitle>\n      {t('permissionAlert.description', { permissions })}\n    </Alert>\n  );\n};\nexport default PermissionAlert;\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,WAAA,GAAc;AAAA,EAClB,gCAAA;AAAA,EACA;AACF,CAAA,CACG,IAAI,CAAA,CAAA,KAAK,CAAA,CAAE,IAAI,CAAA,CACf,KAAK,IAAI,CAAA;AAEZ,MAAM,kBAAkB,MAAM;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,SAAA,EAAU,eAAY,qBAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE,CAAA;AAAA,IACvC,CAAA,CAAE,6BAAA,EAA+B,EAAE,WAAA,EAAa;AAAA,GAAA,EACnD,CAAA;AAEJ;;;;"}

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

@@ -1,85 +1,111 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { StatusError, StatusWarning, StatusRunning, StatusPending, StatusOK } from '@backstage/core-components';
-import { makeStyles, createStyles } from '@material-ui/core';
+import Box from '@mui/material/Box';
 import OffIcon from '@mui/icons-material/DoNotDisturbOnOutlined';
 import UnknownIcon from '@mui/icons-material/HelpOutline';
-import AngleDoubleRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';
-import BanIcon from '@mui/icons-material/NotInterestedOutlined';
+import KeyboardDoubleArrowRight from '@mui/icons-material/KeyboardDoubleArrowRight';
+import NotInterestedOutlined from '@mui/icons-material/NotInterestedOutlined';
 import PauseIcon from '@mui/icons-material/PauseCircleOutlineOutlined';
-import classNames from 'classnames';
 import { StatusIconAndText } from './StatusIconAndText.esm.js';
 
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    iconStyles: {
-      height: "0.8em",
-      width: "0.8em",
-      top: "0.125em",
-      position: "relative",
-      flexShrink: 0,
-      marginRight: theme.spacing(0.6)
-    }
-  })
-);
 const DASH = "-";
-const useStatusStyles = makeStyles((theme) => ({
-  success: {
+const iconSx = {
+  height: "0.8em",
+  width: "0.8em",
+  top: "0.125em",
+  position: "relative",
+  flexShrink: 0,
+  marginRight: 0.6
+};
+const statusIconSx = {
+  ok: {
     "& svg": {
-      fill: theme.palette.status.ok
+      fill: (theme) => theme.palette.status.ok
     }
   },
   running: {
     "& svg": {
-      fill: theme.palette.status.running
+      fill: (theme) => theme.palette.status.running
     }
   },
   pending: {
     "& svg": {
-      fill: theme.palette.status.pending
+      fill: (theme) => theme.palette.status.pending
     }
   },
   warning: {
     "& svg": {
-      fill: theme.palette.status.warning
+      fill: (theme) => theme.palette.status.warning
     }
   },
   error: {
     "& svg": {
-      fill: theme.palette.status.error
+      fill: (theme) => theme.palette.status.error
     }
   }
-}));
+};
+const statusIconWrapperSx = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  lineHeight: 0
+};
+const getStatusIconSx = (statusKey) => [statusIconWrapperSx, statusIconSx[statusKey] ?? {}];
 const StatusIcon = ({
   statusKey,
   className
 }) => {
-  const statusStyles = useStatusStyles();
   switch (statusKey) {
     case "ok":
-      return /* @__PURE__ */ jsxs("g", { className: classNames(statusStyles.success, className), children: [
-        /* @__PURE__ */ jsx(StatusOK, {}),
-        " "
-      ] });
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          sx: getStatusIconSx(statusKey),
+          className,
+          children: /* @__PURE__ */ jsx(StatusOK, {})
+        }
+      );
     case "pending":
-      return /* @__PURE__ */ jsxs("g", { className: classNames(statusStyles.pending, className), children: [
-        /* @__PURE__ */ jsx(StatusPending, {}),
-        " "
-      ] });
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          sx: getStatusIconSx(statusKey),
+          className,
+          children: /* @__PURE__ */ jsx(StatusPending, {})
+        }
+      );
     case "running":
-      return /* @__PURE__ */ jsxs("g", { className: classNames(statusStyles.running, className), children: [
-        /* @__PURE__ */ jsx(StatusRunning, {}),
-        " "
-      ] });
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          sx: getStatusIconSx(statusKey),
+          className,
+          children: /* @__PURE__ */ jsx(StatusRunning, {})
+        }
+      );
     case "warning":
-      return /* @__PURE__ */ jsxs("g", { className: classNames(statusStyles.warning, className), children: [
-        /* @__PURE__ */ jsx(StatusWarning, {}),
-        " "
-      ] });
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          sx: getStatusIconSx(statusKey),
+          className,
+          children: /* @__PURE__ */ jsx(StatusWarning, {})
+        }
+      );
     case "error":
-      return /* @__PURE__ */ jsxs("g", { className: classNames(statusStyles.error, className), children: [
-        /* @__PURE__ */ jsx(StatusError, {}),
-        " "
-      ] });
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          sx: getStatusIconSx(statusKey),
+          className,
+          children: /* @__PURE__ */ jsx(StatusError, {})
+        }
+      );
     default:
       return null;
   }
@@ -93,7 +119,6 @@ const Status = ({
   iconStyles,
   iconClassName
 }) => {
-  const classes = useStyles();
   const statusProps = {
     title: displayStatusText || status || "",
     iconOnly,
@@ -141,7 +166,7 @@ const Status = ({
         StatusIconAndText,
         {
           ...statusProps,
-          icon: /* @__PURE__ */ jsx(BanIcon, { className: classes.iconStyles, style: iconStyles })
+          icon: /* @__PURE__ */ jsx(NotInterestedOutlined, { sx: iconSx, style: iconStyles })
         }
       );
     case "Warning":
@@ -181,13 +206,7 @@ const Status = ({
         StatusIconAndText,
         {
           ...statusProps,
-          icon: /* @__PURE__ */ jsx(
-            AngleDoubleRightIcon,
-            {
-              className: classes.iconStyles,
-              style: iconStyles
-            }
-          )
+          icon: /* @__PURE__ */ jsx(KeyboardDoubleArrowRight, { sx: iconSx, style: iconStyles })
         }
       );
     case "Paused":
@@ -195,7 +214,7 @@ const Status = ({
         StatusIconAndText,
         {
           ...statusProps,
-          icon: /* @__PURE__ */ jsx(PauseIcon, { className: classes.iconStyles, style: iconStyles })
+          icon: /* @__PURE__ */ jsx(PauseIcon, { sx: iconSx, style: iconStyles })
         }
       );
     case "Stopped":
@@ -203,7 +222,7 @@ const Status = ({
         StatusIconAndText,
         {
           ...statusProps,
-          icon: /* @__PURE__ */ jsx(OffIcon, { className: classes.iconStyles, style: iconStyles })
+          icon: /* @__PURE__ */ jsx(OffIcon, { sx: iconSx, style: iconStyles })
         }
       );
     case "Unknown":
@@ -211,7 +230,7 @@ const Status = ({
         StatusIconAndText,
         {
           ...statusProps,
-          icon: /* @__PURE__ */ jsx(UnknownIcon, { className: classes.iconStyles, style: iconStyles })
+          icon: /* @__PURE__ */ jsx(UnknownIcon, { sx: iconSx, style: iconStyles })
         }
       );
     default:

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

@@ -1 +1 @@
-{"version":3,"file":"Status.esm.js","sources":["../../../src/components/common/Status.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactElement, CSSProperties } from 'react';\nimport {\n  StatusClassKey,\n  StatusError,\n  StatusOK,\n  StatusPending,\n  StatusRunning,\n  StatusWarning,\n} from '@backstage/core-components';\n\nimport { createStyles, makeStyles, Theme } from '@material-ui/core';\nimport OffIcon from '@mui/icons-material/DoNotDisturbOnOutlined';\nimport UnknownIcon from '@mui/icons-material/HelpOutline';\nimport AngleDoubleRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nimport BanIcon from '@mui/icons-material/NotInterestedOutlined';\nimport PauseIcon from '@mui/icons-material/PauseCircleOutlineOutlined';\nimport cx from 'classnames';\n\nimport { StatusIconAndText } from './StatusIconAndText';\n\nconst useStyles = makeStyles<Theme>(theme =>\n  createStyles({\n    iconStyles: {\n      height: '0.8em',\n      width: '0.8em',\n      top: '0.125em',\n      position: 'relative',\n      flexShrink: 0,\n      marginRight: theme.spacing(0.6),\n    },\n  }),\n);\n\nconst DASH = '-';\n\nconst useStatusStyles = makeStyles(theme => ({\n  success: {\n    '& svg': {\n      fill: theme.palette.status.ok,\n    },\n  },\n  running: {\n    '& svg': {\n      fill: theme.palette.status.running,\n    },\n  },\n  pending: {\n    '& svg': {\n      fill: theme.palette.status.pending,\n    },\n  },\n  warning: {\n    '& svg': {\n      fill: theme.palette.status.warning,\n    },\n  },\n  error: {\n    '& svg': {\n      fill: theme.palette.status.error,\n    },\n  },\n}));\n\nconst StatusIcon = ({\n  statusKey,\n  className,\n}: {\n  statusKey: StatusClassKey;\n  className?: string;\n}) => {\n  const statusStyles = useStatusStyles();\n\n  switch (statusKey) {\n    case 'ok':\n      return (\n        <g className={cx(statusStyles.success, className)}>\n          <StatusOK />{' '}\n        </g>\n      );\n    case 'pending':\n      return (\n        <g className={cx(statusStyles.pending, className)}>\n          <StatusPending />{' '}\n        </g>\n      );\n    case 'running':\n      return (\n        <g className={cx(statusStyles.running, className)}>\n          <StatusRunning />{' '}\n        </g>\n      );\n    case 'warning':\n      return (\n        <g className={cx(statusStyles.warning, className)}>\n          <StatusWarning />{' '}\n        </g>\n      );\n    case 'error':\n      return (\n        <g className={cx(statusStyles.error, className)}>\n          <StatusError />{' '}\n        </g>\n      );\n    default:\n      return null;\n  }\n};\n\n/**\n * Component for displaying a status message\n * @param {string} status - type of status to be displayed\n * @param {boolean} [iconOnly] - (optional) if true, only displays icon\n * @param {string} [className] - (optional) additional class name for the component\n * @param {string} [displayStatusText] - (optional) use a different text to display the status\n\n * @example\n * ```tsx\n * <Status status='Warning' />\n * ```\n */\nexport const Status = ({\n  status,\n  iconOnly,\n  className,\n  displayStatusText,\n  dataTestId,\n  iconStyles,\n  iconClassName,\n}: {\n  status: string | null;\n  displayStatusText?: string;\n  iconOnly?: boolean;\n  className?: string;\n  dataTestId?: string;\n  iconStyles?: CSSProperties;\n  iconClassName?: string;\n}): ReactElement => {\n  const classes = useStyles();\n  const statusProps = {\n    title: displayStatusText || status || '',\n    iconOnly,\n    className,\n    dataTestId,\n  };\n\n  switch (status) {\n    case 'New':\n    case 'Idle':\n    case 'Pending':\n    case 'PipelineNotStarted':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"pending\" className={iconClassName} />}\n        />\n      );\n\n    case 'In Progress':\n    case 'Progress':\n    case 'Progressing':\n    case 'Installing':\n    case 'InstallReady':\n    case 'Replacing':\n    case 'Running':\n    case 'Updating':\n    case 'Upgrading':\n    case 'PendingInstall':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"running\" className={iconClassName} />}\n        />\n      );\n\n    case 'Cancelled':\n    case 'Deleting':\n    case 'Expired':\n    case 'Not Ready':\n    case 'Cancelling':\n    case 'Terminating':\n    case 'Superseded':\n    case 'Uninstalling':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<BanIcon className={classes.iconStyles} style={iconStyles} />}\n        />\n      );\n\n    case 'Warning':\n    case 'RequiresApproval':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"warning\" className={iconClassName} />}\n        />\n      );\n\n    case 'ImagePullBackOff':\n    case 'Error':\n    case 'Failed':\n    case 'Failure':\n    case 'CrashLoopBackOff':\n    case 'ErrImagePull':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"error\" className={iconClassName} />}\n        />\n      );\n\n    case 'Completed':\n    case 'Succeeded':\n    case 'Synced':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"ok\" className={iconClassName} />}\n        />\n      );\n\n    case 'Skipped':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={\n            <AngleDoubleRightIcon\n              className={classes.iconStyles}\n              style={iconStyles}\n            />\n          }\n        />\n      );\n    case 'Paused':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<PauseIcon className={classes.iconStyles} style={iconStyles} />}\n        />\n      );\n    case 'Stopped':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<OffIcon className={classes.iconStyles} style={iconStyles} />}\n        />\n      );\n\n    case 'Unknown':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={\n            <UnknownIcon className={classes.iconStyles} style={iconStyles} />\n          }\n        />\n      );\n\n    default:\n      return <>{status || DASH}</>;\n  }\n};\n"],"names":["cx"],"mappings":"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"}
+{"version":3,"file":"Status.esm.js","sources":["../../../src/components/common/Status.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactElement, CSSProperties } from 'react';\nimport {\n  StatusClassKey,\n  StatusError,\n  StatusOK,\n  StatusPending,\n  StatusRunning,\n  StatusWarning,\n} from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport OffIcon from '@mui/icons-material/DoNotDisturbOnOutlined';\nimport UnknownIcon from '@mui/icons-material/HelpOutline';\nimport AngleDoubleRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nimport BanIcon from '@mui/icons-material/NotInterestedOutlined';\nimport PauseIcon from '@mui/icons-material/PauseCircleOutlineOutlined';\n\nimport { StatusIconAndText } from './StatusIconAndText';\n\nconst DASH = '-';\n\nconst iconSx = {\n  height: '0.8em',\n  width: '0.8em',\n  top: '0.125em',\n  position: 'relative',\n  flexShrink: 0,\n  marginRight: 0.6,\n};\n\nconst statusIconSx: Partial<Record<StatusClassKey, SxProps<Theme>>> = {\n  ok: {\n    '& svg': {\n      fill: (theme: Theme) => theme.palette.status.ok,\n    },\n  },\n  running: {\n    '& svg': {\n      fill: (theme: Theme) => theme.palette.status.running,\n    },\n  },\n  pending: {\n    '& svg': {\n      fill: (theme: Theme) => theme.palette.status.pending,\n    },\n  },\n  warning: {\n    '& svg': {\n      fill: (theme: Theme) => theme.palette.status.warning,\n    },\n  },\n  error: {\n    '& svg': {\n      fill: (theme: Theme) => theme.palette.status.error,\n    },\n  },\n};\n\nconst statusIconWrapperSx: SxProps<Theme> = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  lineHeight: 0,\n};\n\nconst getStatusIconSx = (statusKey: StatusClassKey): SxProps<Theme> =>\n  [statusIconWrapperSx, statusIconSx[statusKey] ?? {}] as SxProps<Theme>;\n\nconst StatusIcon = ({\n  statusKey,\n  className,\n}: {\n  statusKey: StatusClassKey;\n  className?: string;\n}) => {\n  switch (statusKey) {\n    case 'ok':\n      return (\n        <Box\n          component=\"span\"\n          sx={getStatusIconSx(statusKey)}\n          className={className}\n        >\n          <StatusOK />\n        </Box>\n      );\n    case 'pending':\n      return (\n        <Box\n          component=\"span\"\n          sx={getStatusIconSx(statusKey)}\n          className={className}\n        >\n          <StatusPending />\n        </Box>\n      );\n    case 'running':\n      return (\n        <Box\n          component=\"span\"\n          sx={getStatusIconSx(statusKey)}\n          className={className}\n        >\n          <StatusRunning />\n        </Box>\n      );\n    case 'warning':\n      return (\n        <Box\n          component=\"span\"\n          sx={getStatusIconSx(statusKey)}\n          className={className}\n        >\n          <StatusWarning />\n        </Box>\n      );\n    case 'error':\n      return (\n        <Box\n          component=\"span\"\n          sx={getStatusIconSx(statusKey)}\n          className={className}\n        >\n          <StatusError />\n        </Box>\n      );\n    default:\n      return null;\n  }\n};\n\n/**\n * Component for displaying a status message\n * @param {string} status - type of status to be displayed\n * @param {boolean} [iconOnly] - (optional) if true, only displays icon\n * @param {string} [className] - (optional) additional class name for the component\n * @param {string} [displayStatusText] - (optional) use a different text to display the status\n\n * @example\n * ```tsx\n * <Status status='Warning' />\n * ```\n */\nexport const Status = ({\n  status,\n  iconOnly,\n  className,\n  displayStatusText,\n  dataTestId,\n  iconStyles,\n  iconClassName,\n}: {\n  status: string | null;\n  displayStatusText?: string;\n  iconOnly?: boolean;\n  className?: string;\n  dataTestId?: string;\n  iconStyles?: CSSProperties;\n  iconClassName?: string;\n}): ReactElement => {\n  const statusProps = {\n    title: displayStatusText || status || '',\n    iconOnly,\n    className,\n    dataTestId,\n  };\n\n  switch (status) {\n    case 'New':\n    case 'Idle':\n    case 'Pending':\n    case 'PipelineNotStarted':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"pending\" className={iconClassName} />}\n        />\n      );\n\n    case 'In Progress':\n    case 'Progress':\n    case 'Progressing':\n    case 'Installing':\n    case 'InstallReady':\n    case 'Replacing':\n    case 'Running':\n    case 'Updating':\n    case 'Upgrading':\n    case 'PendingInstall':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"running\" className={iconClassName} />}\n        />\n      );\n\n    case 'Cancelled':\n    case 'Deleting':\n    case 'Expired':\n    case 'Not Ready':\n    case 'Cancelling':\n    case 'Terminating':\n    case 'Superseded':\n    case 'Uninstalling':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<BanIcon sx={iconSx} style={iconStyles} />}\n        />\n      );\n\n    case 'Warning':\n    case 'RequiresApproval':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"warning\" className={iconClassName} />}\n        />\n      );\n\n    case 'ImagePullBackOff':\n    case 'Error':\n    case 'Failed':\n    case 'Failure':\n    case 'CrashLoopBackOff':\n    case 'ErrImagePull':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"error\" className={iconClassName} />}\n        />\n      );\n\n    case 'Completed':\n    case 'Succeeded':\n    case 'Synced':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<StatusIcon statusKey=\"ok\" className={iconClassName} />}\n        />\n      );\n\n    case 'Skipped':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<AngleDoubleRightIcon sx={iconSx} style={iconStyles} />}\n        />\n      );\n    case 'Paused':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<PauseIcon sx={iconSx} style={iconStyles} />}\n        />\n      );\n    case 'Stopped':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<OffIcon sx={iconSx} style={iconStyles} />}\n        />\n      );\n\n    case 'Unknown':\n      return (\n        <StatusIconAndText\n          {...statusProps}\n          icon={<UnknownIcon sx={iconSx} style={iconStyles} />}\n        />\n      );\n\n    default:\n      return <>{status || DASH}</>;\n  }\n};\n"],"names":["BanIcon","AngleDoubleRightIcon"],"mappings":"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"}