@backstage-community/plugin-tekton 3.16.0

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

@@ -0,0 +1,137 @@
+import * as React from 'react';
+import { kubernetesProxyPermission } from '@backstage/plugin-kubernetes-common';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { IconButton } from '@material-ui/core';
+import { Flex, FlexItem } from '@patternfly/react-core';
+import { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip/Tooltip';
+import { ComputedStatus, pipelineRunFilterReducer } from '@janus-idp/shared-react';
+import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
+import { getTaskrunsOutputGroup, isSbomTaskRun, hasExternalLink } from '../../utils/taskRun-utils.esm.js';
+import OutputIcon from '../Icons/OutputIcon.esm.js';
+import ViewLogsIcon from '../Icons/ViewLogsIcon.esm.js';
+import PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog.esm.js';
+import PipelineRunOutputDialog from '../PipelineRunOutput/PipelineRunOutputDialog.esm.js';
+import PipelineRunSBOMLink from './PipelineRunSBOMLink.esm.js';
+
+const PipelineRunRowActions = ({
+  pipelineRun
+}) => {
+  const { watchResourcesData } = React.useContext(TektonResourcesContext);
+  const [open, setOpen] = React.useState(false);
+  const [openOutput, setOpenOutput] = React.useState(false);
+  const [noActiveTask, setNoActiveTask] = React.useState(false);
+  const pods = watchResourcesData?.pods?.data || [];
+  const taskRuns = watchResourcesData?.taskruns?.data || [];
+  const { sbomTaskRun } = getTaskrunsOutputGroup(
+    pipelineRun?.metadata?.name,
+    taskRuns
+  );
+  const activeTaskName = sbomTaskRun?.metadata?.name;
+  const hasKubernetesProxyAccess = usePermission({
+    permission: kubernetesProxyPermission
+  });
+  const openDialog = (viewLogs) => {
+    if (viewLogs) setNoActiveTask(true);
+    setOpen(true);
+  };
+  const openOutputDialog = () => {
+    setOpenOutput(true);
+  };
+  const closeDialog = () => {
+    setNoActiveTask(false);
+    setOpen(false);
+  };
+  const {
+    acsImageScanTaskRun,
+    acsImageCheckTaskRun,
+    acsDeploymentCheckTaskRun,
+    ecTaskRun
+  } = getTaskrunsOutputGroup(pipelineRun?.metadata?.name, taskRuns);
+  const finishedTaskruns = [
+    ...acsImageScanTaskRun ? [acsImageScanTaskRun] : [],
+    ...acsImageCheckTaskRun ? [acsImageCheckTaskRun] : [],
+    ...acsDeploymentCheckTaskRun ? [acsDeploymentCheckTaskRun] : [],
+    ...ecTaskRun ? [ecTaskRun] : []
+  ].filter(
+    (taskRun) => [
+      ComputedStatus.Succeeded,
+      ComputedStatus.Failed,
+      ComputedStatus.Skipped
+    ].includes(pipelineRunFilterReducer(taskRun))
+  );
+  const results = pipelineRun?.status?.pipelineResults || pipelineRun?.status?.results || [];
+  const disabled = results.length === 0 ? finishedTaskruns.length === 0 : results.length === 0;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    PipelineRunLogDialog,
+    {
+      pipelineRun,
+      open,
+      closeDialog,
+      pods,
+      taskRuns,
+      activeTask: noActiveTask ? void 0 : activeTaskName
+    }
+  ), /* @__PURE__ */ React.createElement(
+    PipelineRunOutputDialog,
+    {
+      pipelineRun,
+      taskRuns,
+      open: openOutput,
+      closeDialog: () => {
+        setOpenOutput(false);
+      }
+    }
+  ), /* @__PURE__ */ React.createElement(Flex, { gap: { default: "gapXs" } }, /* @__PURE__ */ React.createElement(FlexItem, null, /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      content: hasKubernetesProxyAccess.allowed ? "View logs" : "Unauthorized to view logs"
+    },
+    /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        size: "small",
+        "data-testid": "view-logs-icon",
+        onClick: () => openDialog(true),
+        disabled: !hasKubernetesProxyAccess.allowed,
+        style: { pointerEvents: "auto", padding: 0 }
+      },
+      /* @__PURE__ */ React.createElement(ViewLogsIcon, { disabled: !hasKubernetesProxyAccess.allowed })
+    )
+  )), /* @__PURE__ */ React.createElement(FlexItem, { align: { default: "alignLeft" } }, /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      content: !sbomTaskRun ? "View SBOM is not applicable for this PipelineRun" : "View SBOM"
+    },
+    /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        "data-testid": "view-sbom-icon",
+        disabled: !sbomTaskRun || !isSbomTaskRun(sbomTaskRun),
+        size: "small",
+        onClick: !hasExternalLink(sbomTaskRun) ? () => openDialog() : void 0,
+        style: { pointerEvents: "auto", padding: 0 }
+      },
+      /* @__PURE__ */ React.createElement(PipelineRunSBOMLink, { sbomTaskRun })
+    )
+  )), /* @__PURE__ */ React.createElement(FlexItem, { align: { default: "alignLeft" } }, /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      content: disabled ? "View Output is not applicable for this PipelineRun" : "View Output"
+    },
+    /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        "data-testid": "view-output-icon",
+        disabled,
+        size: "small",
+        onClick: () => openOutputDialog(),
+        style: { pointerEvents: "auto", padding: 0 }
+      },
+      /* @__PURE__ */ React.createElement(OutputIcon, { disabled })
+    )
+  ))));
+};
+var PipelineRunRowActions$1 = React.memo(PipelineRunRowActions);
+
+export { PipelineRunRowActions$1 as default };
+//# sourceMappingURL=PipelineRunRowActions.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunRowActions.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunRowActions.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport * as React from 'react';\n\nimport { kubernetesProxyPermission } from '@backstage/plugin-kubernetes-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport { IconButton } from '@material-ui/core';\nimport { Flex, FlexItem } from '@patternfly/react-core';\nimport { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip/Tooltip';\n\nimport {\n  ComputedStatus,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport {\n  getTaskrunsOutputGroup,\n  hasExternalLink,\n  isSbomTaskRun,\n} from '../../utils/taskRun-utils';\nimport OutputIcon from '../Icons/OutputIcon';\nimport ViewLogsIcon from '../Icons/ViewLogsIcon';\nimport PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog';\nimport PipelineRunOutputDialog from '../PipelineRunOutput/PipelineRunOutputDialog';\nimport PipelineRunSBOMLink from './PipelineRunSBOMLink';\n\nconst PipelineRunRowActions: React.FC<{ pipelineRun: PipelineRunKind }> = ({\n  pipelineRun,\n}) => {\n  const { watchResourcesData } = React.useContext(TektonResourcesContext);\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const [openOutput, setOpenOutput] = React.useState<boolean>(false);\n  const [noActiveTask, setNoActiveTask] = React.useState(false);\n  const pods = watchResourcesData?.pods?.data || [];\n  const taskRuns = watchResourcesData?.taskruns?.data || [];\n  const { sbomTaskRun } = getTaskrunsOutputGroup(\n    pipelineRun?.metadata?.name,\n    taskRuns,\n  );\n  const activeTaskName = sbomTaskRun?.metadata?.name;\n\n  const hasKubernetesProxyAccess = usePermission({\n    permission: kubernetesProxyPermission,\n  });\n\n  const openDialog = (viewLogs?: boolean) => {\n    if (viewLogs) setNoActiveTask(true);\n    setOpen(true);\n  };\n\n  const openOutputDialog = () => {\n    setOpenOutput(true);\n  };\n\n  const closeDialog = () => {\n    setNoActiveTask(false);\n    setOpen(false);\n  };\n\n  const {\n    acsImageScanTaskRun,\n    acsImageCheckTaskRun,\n    acsDeploymentCheckTaskRun,\n    ecTaskRun,\n  } = getTaskrunsOutputGroup(pipelineRun?.metadata?.name, taskRuns);\n\n  const finishedTaskruns = [\n    ...(acsImageScanTaskRun ? [acsImageScanTaskRun] : []),\n    ...(acsImageCheckTaskRun ? [acsImageCheckTaskRun] : []),\n    ...(acsDeploymentCheckTaskRun ? [acsDeploymentCheckTaskRun] : []),\n    ...(ecTaskRun ? [ecTaskRun] : []),\n  ].filter((taskRun: TaskRunKind) =>\n    [\n      ComputedStatus.Succeeded,\n      ComputedStatus.Failed,\n      ComputedStatus.Skipped,\n    ].includes(pipelineRunFilterReducer(taskRun)),\n  );\n\n  const results =\n    pipelineRun?.status?.pipelineResults || pipelineRun?.status?.results || [];\n\n  const disabled =\n    results.length === 0 ? finishedTaskruns.length === 0 : results.length === 0;\n\n  return (\n    <>\n      <PipelineRunLogDialog\n        pipelineRun={pipelineRun}\n        open={open}\n        closeDialog={closeDialog}\n        pods={pods}\n        taskRuns={taskRuns}\n        activeTask={noActiveTask ? undefined : activeTaskName}\n      />\n\n      <PipelineRunOutputDialog\n        pipelineRun={pipelineRun}\n        taskRuns={taskRuns}\n        open={openOutput}\n        closeDialog={() => {\n          setOpenOutput(false);\n        }}\n      />\n      <Flex gap={{ default: 'gapXs' }}>\n        <FlexItem>\n          <Tooltip\n            content={\n              hasKubernetesProxyAccess.allowed\n                ? 'View logs'\n                : 'Unauthorized to view logs'\n            }\n          >\n            <IconButton\n              size=\"small\"\n              data-testid=\"view-logs-icon\"\n              onClick={() => openDialog(true)}\n              disabled={!hasKubernetesProxyAccess.allowed}\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <ViewLogsIcon disabled={!hasKubernetesProxyAccess.allowed} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n\n        <FlexItem align={{ default: 'alignLeft' }}>\n          <Tooltip\n            content={\n              !sbomTaskRun\n                ? 'View SBOM is not applicable for this PipelineRun'\n                : 'View SBOM'\n            }\n          >\n            <IconButton\n              data-testid=\"view-sbom-icon\"\n              disabled={!sbomTaskRun || !isSbomTaskRun(sbomTaskRun)}\n              size=\"small\"\n              onClick={\n                !hasExternalLink(sbomTaskRun) ? () => openDialog() : undefined\n              }\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <PipelineRunSBOMLink sbomTaskRun={sbomTaskRun} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n        <FlexItem align={{ default: 'alignLeft' }}>\n          <Tooltip\n            content={\n              disabled\n                ? 'View Output is not applicable for this PipelineRun'\n                : 'View Output'\n            }\n          >\n            <IconButton\n              data-testid=\"view-output-icon\"\n              disabled={disabled}\n              size=\"small\"\n              onClick={() => openOutputDialog()}\n              style={{ pointerEvents: 'auto', padding: 0 }}\n            >\n              <OutputIcon disabled={disabled} />\n            </IconButton>\n          </Tooltip>\n        </FlexItem>\n      </Flex>\n    </>\n  );\n};\nexport default React.memo(PipelineRunRowActions);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA2CA,MAAM,wBAAoE,CAAC;AAAA,EACzE;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,kBAAA,EAAuB,GAAA,KAAA,CAAM,WAAW,sBAAsB,CAAA;AACtE,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA;AAErD,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA;AACjE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,IAAO,GAAA,kBAAA,EAAoB,IAAM,EAAA,IAAA,IAAQ,EAAC;AAChD,EAAA,MAAM,QAAW,GAAA,kBAAA,EAAoB,QAAU,EAAA,IAAA,IAAQ,EAAC;AACxD,EAAM,MAAA,EAAE,aAAgB,GAAA,sBAAA;AAAA,IACtB,aAAa,QAAU,EAAA,IAAA;AAAA,IACvB;AAAA,GACF;AACA,EAAM,MAAA,cAAA,GAAiB,aAAa,QAAU,EAAA,IAAA;AAE9C,EAAA,MAAM,2BAA2B,aAAc,CAAA;AAAA,IAC7C,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,CAAC,QAAuB,KAAA;AACzC,IAAI,IAAA,QAAA,kBAA0B,IAAI,CAAA;AAClC,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAM,MAAA;AAAA,IACJ,mBAAA;AAAA,IACA,oBAAA;AAAA,IACA,yBAAA;AAAA,IACA;AAAA,GACE,GAAA,sBAAA,CAAuB,WAAa,EAAA,QAAA,EAAU,MAAM,QAAQ,CAAA;AAEhE,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,GAAI,mBAAA,GAAsB,CAAC,mBAAmB,IAAI,EAAC;AAAA,IACnD,GAAI,oBAAA,GAAuB,CAAC,oBAAoB,IAAI,EAAC;AAAA,IACrD,GAAI,yBAAA,GAA4B,CAAC,yBAAyB,IAAI,EAAC;AAAA,IAC/D,GAAI,SAAA,GAAY,CAAC,SAAS,IAAI;AAAC,GAC/B,CAAA,MAAA;AAAA,IAAO,CAAC,OACR,KAAA;AAAA,MACE,cAAe,CAAA,SAAA;AAAA,MACf,cAAe,CAAA,MAAA;AAAA,MACf,cAAe,CAAA;AAAA,KACf,CAAA,QAAA,CAAS,wBAAyB,CAAA,OAAO,CAAC;AAAA,GAC9C;AAEA,EAAA,MAAM,UACJ,WAAa,EAAA,MAAA,EAAQ,mBAAmB,WAAa,EAAA,MAAA,EAAQ,WAAW,EAAC;AAE3E,EAAM,MAAA,QAAA,GACJ,QAAQ,MAAW,KAAA,CAAA,GAAI,iBAAiB,MAAW,KAAA,CAAA,GAAI,QAAQ,MAAW,KAAA,CAAA;AAE5E,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA,EAAY,eAAe,KAAY,CAAA,GAAA;AAAA;AAAA,GAGzC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MACN,aAAa,MAAM;AACjB,QAAA,aAAA,CAAc,KAAK,CAAA;AAAA;AACrB;AAAA,GACF,sCACC,IAAK,EAAA,EAAA,GAAA,EAAK,EAAE,OAAS,EAAA,OAAA,EACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA,EACE,wBAAyB,CAAA,OAAA,GACrB,WACA,GAAA;AAAA,KAAA;AAAA,oBAGN,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,aAAY,EAAA,gBAAA;AAAA,QACZ,OAAA,EAAS,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,QAC9B,QAAA,EAAU,CAAC,wBAAyB,CAAA,OAAA;AAAA,QACpC,KAAO,EAAA,EAAE,aAAe,EAAA,MAAA,EAAQ,SAAS,CAAE;AAAA,OAAA;AAAA,sBAE1C,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,QAAU,EAAA,CAAC,yBAAyB,OAAS,EAAA;AAAA;AAC7D,GAEJ,mBAEC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAO,EAAE,OAAA,EAAS,aAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA,EACE,CAAC,WAAA,GACG,kDACA,GAAA;AAAA,KAAA;AAAA,oBAGN,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,gBAAA;AAAA,QACZ,QAAU,EAAA,CAAC,WAAe,IAAA,CAAC,cAAc,WAAW,CAAA;AAAA,QACpD,IAAK,EAAA,OAAA;AAAA,QACL,SACE,CAAC,eAAA,CAAgB,WAAW,CAAI,GAAA,MAAM,YAAe,GAAA,KAAA,CAAA;AAAA,QAEvD,KAAO,EAAA,EAAE,aAAe,EAAA,MAAA,EAAQ,SAAS,CAAE;AAAA,OAAA;AAAA,sBAE3C,KAAA,CAAA,aAAA,CAAC,uBAAoB,WAA0B,EAAA;AAAA;AACjD,GAEJ,mBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAO,EAAE,OAAA,EAAS,aAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA,EACE,WACI,oDACA,GAAA;AAAA,KAAA;AAAA,oBAGN,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,kBAAA;AAAA,QACZ,QAAA;AAAA,QACA,IAAK,EAAA,OAAA;AAAA,QACL,OAAA,EAAS,MAAM,gBAAiB,EAAA;AAAA,QAChC,KAAO,EAAA,EAAE,aAAe,EAAA,MAAA,EAAQ,SAAS,CAAE;AAAA,OAAA;AAAA,sBAE3C,KAAA,CAAA,aAAA,CAAC,cAAW,QAAoB,EAAA;AAAA;AAClC,GAEJ,CACF,CACF,CAAA;AAEJ,CAAA;AACA,8BAAe,KAAA,CAAM,KAAK,qBAAqB,CAAA;;;;"}

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

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { Link } from 'react-router-dom';
+import { isSbomTaskRun, hasExternalLink, getSbomLink } from '../../utils/taskRun-utils.esm.js';
+import LinkToSBomIcon from '../Icons/LinkToSbomIcon.esm.js';
+
+const PipelineRunSBOMLink = ({ sbomTaskRun }) => {
+  const isSBOMTask = isSbomTaskRun(sbomTaskRun);
+  const isExternalLink = hasExternalLink(sbomTaskRun);
+  const linkToSbom = getSbomLink(sbomTaskRun);
+  if (isSBOMTask && isExternalLink && (linkToSbom?.startsWith("http://") || linkToSbom?.startsWith("https://"))) {
+    return /* @__PURE__ */ React__default.createElement(Link, { target: "_blank", to: linkToSbom }, /* @__PURE__ */ React__default.createElement(LinkToSBomIcon, { dataTestId: "external-sbom-link" }));
+  } else if (isSBOMTask && linkToSbom) {
+    return /* @__PURE__ */ React__default.createElement(LinkToSBomIcon, { dataTestId: "internal-sbom-link" });
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    LinkToSBomIcon,
+    {
+      disabled: !sbomTaskRun || !isSBOMTask,
+      dataTestId: "icon-space-holder"
+    }
+  );
+};
+
+export { PipelineRunSBOMLink as default };
+//# sourceMappingURL=PipelineRunSBOMLink.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunSBOMLink.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunSBOMLink.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 { Link } from 'react-router-dom';\n\nimport { TaskRunKind } from '@janus-idp/shared-react';\n\nimport {\n  getSbomLink,\n  hasExternalLink,\n  isSbomTaskRun,\n} from '../../utils/taskRun-utils';\nimport LinkToSBomIcon from '../Icons/LinkToSbomIcon';\n\nconst PipelineRunSBOMLink: React.FC<{\n  sbomTaskRun: TaskRunKind | undefined;\n}> = ({ sbomTaskRun }): React.ReactElement | null => {\n  const isSBOMTask = isSbomTaskRun(sbomTaskRun);\n  const isExternalLink: boolean = hasExternalLink(sbomTaskRun);\n  const linkToSbom = getSbomLink(sbomTaskRun);\n\n  if (\n    isSBOMTask &&\n    isExternalLink &&\n    (linkToSbom?.startsWith('http://') || linkToSbom?.startsWith('https://'))\n  ) {\n    // Link to external page\n    return (\n      <Link target=\"_blank\" to={linkToSbom}>\n        <LinkToSBomIcon dataTestId=\"external-sbom-link\" />\n      </Link>\n    );\n  } else if (isSBOMTask && linkToSbom) {\n    // Link to internal taskrun page\n    return <LinkToSBomIcon dataTestId=\"internal-sbom-link\" />;\n  }\n\n  return (\n    <LinkToSBomIcon\n      disabled={!sbomTaskRun || !isSBOMTask}\n      dataTestId=\"icon-space-holder\"\n    />\n  );\n};\n\nexport default PipelineRunSBOMLink;\n"],"names":["React"],"mappings":";;;;;AA2BA,MAAM,mBAED,GAAA,CAAC,EAAE,WAAA,EAA6C,KAAA;AACnD,EAAM,MAAA,UAAA,GAAa,cAAc,WAAW,CAAA;AAC5C,EAAM,MAAA,cAAA,GAA0B,gBAAgB,WAAW,CAAA;AAC3D,EAAM,MAAA,UAAA,GAAa,YAAY,WAAW,CAAA;AAE1C,EACE,IAAA,UAAA,IACA,mBACC,UAAY,EAAA,UAAA,CAAW,SAAS,CAAK,IAAA,UAAA,EAAY,UAAW,CAAA,UAAU,CACvE,CAAA,EAAA;AAEA,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,MAAA,EAAO,QAAS,EAAA,EAAA,EAAI,8BACvBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,UAAW,EAAA,oBAAA,EAAqB,CAClD,CAAA;AAAA,GAEJ,MAAA,IAAW,cAAc,UAAY,EAAA;AAEnC,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,UAAA,EAAW,oBAAqB,EAAA,CAAA;AAAA;AAGzD,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,CAAC,WAAA,IAAe,CAAC,UAAA;AAAA,MAC3B,UAAW,EAAA;AAAA;AAAA,GACb;AAEJ;;;;"}

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
+import { PipelineRunRow } from './PipelineRunRow.esm.js';
+
+const PipelineRunTableBody = ({ rows }) => {
+  const { isExpanded } = React.useContext(TektonResourcesContext);
+  const [open, setOpen] = React.useState(
+    rows.reduce((acc, row) => {
+      if (row.metadata?.uid) {
+        acc[row.metadata?.uid] = isExpanded ?? false;
+      }
+      return acc;
+    }, {})
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, rows.map((row) => {
+    const startTime = row.status?.startTime || "";
+    return /* @__PURE__ */ React.createElement(
+      PipelineRunRow,
+      {
+        row,
+        startTime,
+        isExpanded,
+        key: row.metadata?.uid,
+        open: row.metadata?.uid ? open[row.metadata.uid] : false,
+        setOpen
+      }
+    );
+  }));
+};
+
+export { PipelineRunTableBody };
+//# sourceMappingURL=PipelineRunTableBody.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunTableBody.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableBody.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 { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { OpenRowStatus } from '../../types/types';\nimport { PipelineRunRow } from './PipelineRunRow';\n\ntype PipelineRunTableBodyProps = {\n  rows: PipelineRunKind[];\n};\n\nexport const PipelineRunTableBody = ({ rows }: PipelineRunTableBodyProps) => {\n  const { isExpanded } = React.useContext(TektonResourcesContext);\n  const [open, setOpen] = React.useState<OpenRowStatus>(\n    rows.reduce((acc, row) => {\n      if (row.metadata?.uid) {\n        acc[row.metadata?.uid] = isExpanded ?? false;\n      }\n      return acc;\n    }, {} as OpenRowStatus),\n  );\n\n  return (\n    <>\n      {rows.map((row: PipelineRunKind) => {\n        const startTime = row.status?.startTime || '';\n\n        return (\n          <PipelineRunRow\n            row={row}\n            startTime={startTime}\n            isExpanded={isExpanded}\n            key={row.metadata?.uid}\n            open={row.metadata?.uid ? open[row.metadata.uid] : false}\n            setOpen={setOpen}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AA2BO,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAsC,KAAA;AAC3E,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,KAAA,CAAM,WAAW,sBAAsB,CAAA;AAC9D,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC5B,IAAK,CAAA,MAAA,CAAO,CAAC,GAAA,EAAK,GAAQ,KAAA;AACxB,MAAI,IAAA,GAAA,CAAI,UAAU,GAAK,EAAA;AACrB,QAAA,GAAA,CAAI,GAAI,CAAA,QAAA,EAAU,GAAG,CAAA,GAAI,UAAc,IAAA,KAAA;AAAA;AAEzC,MAAO,OAAA,GAAA;AAAA,KACT,EAAG,EAAmB;AAAA,GACxB;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAyB,KAAA;AAClC,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,MAAA,EAAQ,SAAa,IAAA,EAAA;AAE3C,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,GAAA,EAAK,IAAI,QAAU,EAAA,GAAA;AAAA,QACnB,IAAA,EAAM,IAAI,QAAU,EAAA,GAAA,GAAM,KAAK,GAAI,CAAA,QAAA,CAAS,GAAG,CAAI,GAAA,KAAA;AAAA,QACnD;AAAA;AAAA,KACF;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import PipelineBars from '../Charts/PipelineBars.esm.js';
+
+const PipelineRunTaskStatus = ({
+  pipelineRun
+}) => {
+  return pipelineRun?.metadata?.name ? /* @__PURE__ */ React__default.createElement(PipelineBars, { key: pipelineRun.metadata.name, pipelineRun }) : null;
+};
+
+export { PipelineRunTaskStatus as default };
+//# sourceMappingURL=PipelineRunTaskStatus.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunTaskStatus.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTaskStatus.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 { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport PipelineBars from '../Charts/PipelineBars';\n\nconst PipelineRunTaskStatus = ({\n  pipelineRun,\n}: {\n  pipelineRun: PipelineRunKind;\n}) => {\n  return pipelineRun?.metadata?.name ? (\n    <PipelineBars key={pipelineRun.metadata.name} pipelineRun={pipelineRun} />\n  ) : null;\n};\n\nexport default PipelineRunTaskStatus;\n"],"names":["React"],"mappings":";;;AAqBA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AACF,CAEM,KAAA;AACJ,EAAO,OAAA,WAAA,EAAa,QAAU,EAAA,IAAA,mBAC3BA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAK,WAAY,CAAA,QAAA,CAAS,IAAM,EAAA,WAAA,EAA0B,CACtE,GAAA,IAAA;AACN;;;;"}

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

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { makeStyles } from '@material-ui/core';
+import AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';
+import AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';
+import { Tooltip } from '@patternfly/react-core';
+import { global_palette_gold_400 } from '@patternfly/react-tokens/dist/js/global_palette_gold_400';
+import { global_palette_orange_300 } from '@patternfly/react-tokens/dist/js/global_palette_orange_300';
+import classNames from 'classnames';
+import { usePipelineRunScanResults } from '../../hooks/usePipelineRunScanResults.esm.js';
+import CriticalRiskIcon from '../Icons/CriticalRiskIcon.esm.js';
+import EqualsIcon from '../Icons/EqualsIcon.esm.js';
+
+const useVStyles = makeStyles((theme) => ({
+  pipelineVulnerabilities: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: theme.spacing(1)
+  },
+  severityContainer: {
+    alignItems: "center",
+    display: "flex",
+    flexWrap: "nowrap",
+    gap: theme.spacing(0.5)
+  },
+  severityStatus: {
+    alignItems: "center",
+    display: "flex",
+    flexWrap: "nowrap",
+    gap: theme.spacing(0.5)
+  },
+  severityCount: {
+    fontWeight: "bold"
+  },
+  criticalStatus: {
+    height: "1em",
+    width: "1em"
+  },
+  highStatus: {
+    color: global_palette_orange_300.value,
+    height: "0.8em",
+    width: "0.8em"
+  },
+  mediumStatus: {
+    color: global_palette_gold_400.value,
+    height: "1.3em",
+    width: "1.3em"
+  },
+  lowStatus: {
+    height: "0.8em",
+    width: "0.8em"
+  }
+}));
+const PipelineRunVulnerabilities = ({
+  pipelineRun,
+  condensed
+}) => {
+  const classes = useVStyles();
+  const scanResults = usePipelineRunScanResults(pipelineRun);
+  return /* @__PURE__ */ React.createElement("div", { className: classes.pipelineVulnerabilities }, scanResults?.vulnerabilities ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "Critical" }, /* @__PURE__ */ React.createElement(
+    CriticalRiskIcon,
+    {
+      className: classes.criticalStatus,
+      title: "Critical"
+    }
+  )), !condensed ? "Critical" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.critical || 0)), /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "High" }, /* @__PURE__ */ React.createElement(
+    AngleDoubleUpIcon,
+    {
+      className: classes.highStatus,
+      titleAccess: "High"
+    }
+  )), !condensed ? "High" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.high || 0)), /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "Medium" }, /* @__PURE__ */ React.createElement(EqualsIcon, { className: classes.mediumStatus, title: "Medium" })), !condensed ? "Medium" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.medium || 0)), /* @__PURE__ */ React.createElement("div", { className: classNames(classes.severityContainer, "severity") }, /* @__PURE__ */ React.createElement("span", { className: classes.severityStatus }, /* @__PURE__ */ React.createElement(Tooltip, { content: "Low" }, /* @__PURE__ */ React.createElement(
+    AngleDoubleDownIcon,
+    {
+      className: classes.lowStatus,
+      titleAccess: "Low"
+    }
+  )), !condensed ? "Low" : null), /* @__PURE__ */ React.createElement("span", { className: classes.severityCount }, scanResults.vulnerabilities.low || 0))) : "-");
+};
+
+export { PipelineRunVulnerabilities as default };
+//# sourceMappingURL=PipelineRunVulnerabilities.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunVulnerabilities.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunVulnerabilities.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 { makeStyles, Theme } from '@material-ui/core';\nimport AngleDoubleDownIcon from '@mui/icons-material/KeyboardDoubleArrowDownOutlined';\nimport AngleDoubleUpIcon from '@mui/icons-material/KeyboardDoubleArrowUpOutlined';\nimport { Tooltip } from '@patternfly/react-core';\nimport { global_palette_gold_400 as mediumColor } from '@patternfly/react-tokens/dist/js/global_palette_gold_400';\nimport { global_palette_orange_300 as highColor } from '@patternfly/react-tokens/dist/js/global_palette_orange_300';\nimport classNames from 'classnames';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { usePipelineRunScanResults } from '../../hooks/usePipelineRunScanResults';\nimport CriticalRiskIcon from '../Icons/CriticalRiskIcon';\nimport EqualsIcon from '../Icons/EqualsIcon';\n\nconst useVStyles = makeStyles((theme: Theme) => ({\n  pipelineVulnerabilities: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(1),\n  },\n  severityContainer: {\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    gap: theme.spacing(0.5),\n  },\n  severityStatus: {\n    alignItems: 'center',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    gap: theme.spacing(0.5),\n  },\n  severityCount: {\n    fontWeight: 'bold',\n  },\n  criticalStatus: {\n    height: '1em',\n    width: '1em',\n  },\n  highStatus: {\n    color: highColor.value,\n    height: '0.8em',\n    width: '0.8em',\n  },\n  mediumStatus: {\n    color: mediumColor.value,\n    height: '1.3em',\n    width: '1.3em',\n  },\n  lowStatus: {\n    height: '0.8em',\n    width: '0.8em',\n  },\n}));\n\ntype PipelineRunVulnerabilitiesProps = {\n  pipelineRun: PipelineRunKind;\n  condensed?: boolean;\n};\n\nconst PipelineRunVulnerabilities: React.FC<PipelineRunVulnerabilitiesProps> = ({\n  pipelineRun,\n  condensed,\n}) => {\n  const classes = useVStyles();\n  const scanResults = usePipelineRunScanResults(pipelineRun);\n\n  return (\n    <div className={classes.pipelineVulnerabilities}>\n      {scanResults?.vulnerabilities ? (\n        <>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"Critical\">\n                <CriticalRiskIcon\n                  className={classes.criticalStatus}\n                  title=\"Critical\"\n                />\n              </Tooltip>\n              {!condensed ? 'Critical' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.critical || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"High\">\n                <AngleDoubleUpIcon\n                  className={classes.highStatus}\n                  titleAccess=\"High\"\n                />\n              </Tooltip>\n              {!condensed ? 'High' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.high || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"Medium\">\n                <EqualsIcon className={classes.mediumStatus} title=\"Medium\" />\n              </Tooltip>\n              {!condensed ? 'Medium' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.medium || 0}\n            </span>\n          </div>\n          <div className={classNames(classes.severityContainer, 'severity')}>\n            <span className={classes.severityStatus}>\n              <Tooltip content=\"Low\">\n                <AngleDoubleDownIcon\n                  className={classes.lowStatus}\n                  titleAccess=\"Low\"\n                />\n              </Tooltip>\n              {!condensed ? 'Low' : null}\n            </span>\n            <span className={classes.severityCount}>\n              {scanResults.vulnerabilities.low || 0}\n            </span>\n          </div>\n        </>\n      ) : (\n        '-'\n      )}\n    </div>\n  );\n};\n\nexport default PipelineRunVulnerabilities;\n"],"names":["highColor","mediumColor"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { makeStyles, TableHead, TableRow, TableCell, TableSortLabel } from '@material-ui/core';
+import { PipelineRunColumnHeader } from './PipelineRunColumnHeader.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  header: {
+    padding: theme.spacing(1, 2, 1, 2.5),
+    borderTop: `1px solid ${theme.palette.grey.A100}`,
+    borderBottom: `1px solid ${theme.palette.grey.A100}`,
+    // withStyles hasn't a generic overload for theme
+    fontWeight: "bold",
+    position: "static",
+    wordBreak: "normal"
+  }
+}));
+const EnhancedTableHead = ({
+  order,
+  orderBy,
+  orderById,
+  onRequestSort
+}) => {
+  const createSortHandler = (property, id) => (event) => {
+    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(
+      TableCell,
+      {
+        className: classes.header,
+        key: headCell.id,
+        align: "left",
+        padding: "normal",
+        sortDirection: orderBy === headCell.field ? headCell.defaultSort : false
+      },
+      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)
+    );
+  })));
+};
+
+export { EnhancedTableHead };
+//# sourceMappingURL=PipelineTableHeader.esm.js.map

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

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

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

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".bs-tkn-plrstatus {\n  display: flex;\n  align-items: center;\n}\n\n.bs-tkn-plrstatus svg {\n  top: 0;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=PlrStatus.css.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlrStatus.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,11 @@
+import React__default from 'react';
+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" });
+};
+
+export { PlrStatus as default };
+//# sourceMappingURL=PlrStatus.esm.js.map

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

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

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

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".bs-tkn-pipeline-visualization__label {\n  align-items: baseline;\n}\n\n.bs-tkn-pipeline-visualization__label .badge {\n  font-size: 12px;\n  line-height: 20px;\n  margin-right: 4px;\n  min-width: 24px;\n  padding: 0 7px;\n  border-radius: 20px;\n  color: var(--pf-v5-global--palette--white);\n  display: inline-block;\n  text-align: center;\n  white-space: nowrap;\n  width: 100%;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=ResourceBadge.css.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceBadge.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { Split, SplitItem } from '@patternfly/react-core';
+import './ResourceBadge.css.esm.js';
+
+const ResourceBadge = ({
+  color,
+  abbr,
+  name,
+  suffix
+}) => {
+  return /* @__PURE__ */ React__default.createElement(Split, { className: "bs-tkn-pipeline-visualization__label" }, /* @__PURE__ */ React__default.createElement(SplitItem, { style: { marginRight: "var(--pf-v5-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-v5-global--spacer--sm)" } }, suffix) : null);
+};
+
+export { ResourceBadge as default };
+//# sourceMappingURL=ResourceBadge.esm.js.map

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

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

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

@@ -0,0 +1,82 @@
+import React__default from 'react';
+import { ErrorBoundary } from '@backstage/core-components';
+import { makeStyles, createStyles, Dialog, DialogTitle, Box, IconButton, DialogContent } from '@material-ui/core';
+import CloseIcon from '@mui/icons-material/Close';
+import { tektonGroupColor } from '../../types/types.esm.js';
+import ResourceBadge from '../PipelineRunList/ResourceBadge.esm.js';
+import PipelineRunLogDownloader from './PipelineRunLogDownloader.esm.js';
+import { PipelineRunLogs } from './PipelineRunLogs.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 PipelineRunLogDialog = ({
+  open,
+  closeDialog,
+  pipelineRun,
+  pods,
+  taskRuns,
+  activeTask
+}) => {
+  const classes = useStyles();
+  const [task, setTask] = React__default.useState(activeTask);
+  return /* @__PURE__ */ React__default.createElement(
+    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
+      }
+    )))
+  );
+};
+var PipelineRunLogDialog$1 = React__default.memo(PipelineRunLogDialog);
+
+export { PipelineRunLogDialog$1 as default };
+//# sourceMappingURL=PipelineRunLogDialog.esm.js.map

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

@@ -0,0 +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};\nconst PipelineRunLogDialog = ({\n  open,\n  closeDialog,\n  pipelineRun,\n  pods,\n  taskRuns,\n  activeTask,\n}: PipelineRunLogDialogProps) => {\n  const classes = useStyles();\n\n  const [task, setTask] = React.useState(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;AAUA,MAAM,uBAAuB,CAAC;AAAA,EAC5B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;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,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;;;;"}