@backstage-community/plugin-tekton 3.22.2 → 3.25.0

package/dist/components/pipeline-topology/PipelineTaskNode.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineTaskNode.esm.js","sources":["../../../src/components/pipeline-topology/PipelineTaskNode.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 { Tooltip } from '@patternfly/react-core';\nimport {\n  DEFAULT_LAYER,\n  DEFAULT_WHEN_OFFSET,\n  GraphElement,\n  Layer,\n  Node,\n  RunStatus,\n  ScaleDetailsLevel,\n  TaskNode,\n  TOP_LAYER,\n  useDetailsLevel,\n  useHover,\n  WhenDecorator,\n  WithContextMenuProps,\n  WithSelectionProps,\n} from '@patternfly/react-topology';\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { observer } from 'mobx-react';\n\nimport { PipelineTaskWithStatus, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { NodeType } from '../../consts/pipeline-topology-const';\nimport {\n  TEKTON_PIPELINE_RUN,\n  TEKTON_PIPELINE_TASK,\n} from '../../consts/tekton-const';\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { StepStatus } from '../../types/taskRun';\nimport { TektonResourcesContextData } from '../../types/types';\nimport { createStepStatus } from '../../utils/pipeline-step-utils';\nimport { getTaskStatus } from '../../utils/pipelineRun-utils';\nimport PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog';\nimport { PipelineVisualizationStepList } from './PipelineVisualizationStepList';\n\nimport './PipelineTaskNode.css';\n\ntype PipelineTaskNodeProps = {\n  element: Node;\n} & WithContextMenuProps &\n  WithSelectionProps &\n  GraphElement;\n\nconst PipelineTaskNode = ({\n  element,\n  onContextMenu,\n  contextMenuOpen,\n  ...rest\n}: PipelineTaskNodeProps) => {\n  const [open, setOpen] = React.useState<boolean>(false);\n  const { watchResourcesData } = React.useContext<TektonResourcesContextData>(\n    TektonResourcesContext,\n  );\n  const data = element.getData();\n  const triggerRef = React.useRef<SVGGElement | null>(null);\n\n  const pipelineRun = data.pipelineRun;\n  const [hover, hoverRef] = useHover();\n  const detailsLevel = useDetailsLevel();\n  const isFinallyTask = element.getType() === NodeType.FINALLY_NODE;\n\n  const pods = watchResourcesData?.pods?.data || [];\n  const taskRuns = watchResourcesData?.taskruns?.data || [];\n  const openDialog = () => {\n    setOpen(true);\n  };\n\n  const closeDialog = () => {\n    setOpen(false);\n  };\n\n  const computedTask: PipelineTaskWithStatus = data.task;\n  const stepList =\n    computedTask?.status?.steps || computedTask?.taskSpec?.steps || [];\n\n  const taskStatus = getTaskStatus(data.pipelineRun, data.task);\n\n  const stepStatusList: StepStatus[] = stepList.map((step: { name: string }) =>\n    createStepStatus(step, taskStatus),\n  );\n  const succeededStepsCount = stepStatusList.filter(\n    ({ status }) => status === RunStatus.Succeeded,\n  ).length;\n\n  const badge =\n    stepStatusList.length > 0 && data.status\n      ? `${succeededStepsCount}/${stepStatusList.length}`\n      : null;\n\n  const passedData = React.useMemo(() => {\n    const newData = { ...data };\n    Object.keys(newData).forEach(key => {\n      if (newData[key] === undefined) {\n        delete newData[key];\n      }\n    });\n    return newData;\n  }, [data]);\n\n  const hasTaskIcon = !!(data.taskIconClass || data.taskIcon);\n  const whenDecorator = data.whenStatus ? (\n    <WhenDecorator\n      element={element}\n      status={data.whenStatus}\n      leftOffset={\n        hasTaskIcon\n          ? DEFAULT_WHEN_OFFSET + (element.getBounds().height - 4) * 0.75\n          : DEFAULT_WHEN_OFFSET\n      }\n    />\n  ) : null;\n  const activeTaskId = taskRuns.find(\n    (tr: TaskRunKind) =>\n      tr?.metadata?.labels?.[TEKTON_PIPELINE_RUN] ===\n        pipelineRun?.metadata?.name &&\n      tr?.metadata?.labels?.[TEKTON_PIPELINE_TASK] === data.task?.name,\n  )?.metadata?.name;\n\n  const taskNode = (\n    <>\n      <PipelineRunLogDialog\n        pipelineRun={pipelineRun}\n        open={open}\n        closeDialog={closeDialog}\n        pods={pods}\n        taskRuns={taskRuns}\n        activeTask={activeTaskId}\n      />\n      <TaskNode\n        className=\"bs-tkn-pipeline-task-node\"\n        element={element}\n        onContextMenu={data.showContextMenu ? onContextMenu : undefined}\n        contextMenuOpen={contextMenuOpen}\n        scaleNode={\n          (hover || contextMenuOpen) && detailsLevel !== ScaleDetailsLevel.high\n        }\n        hideDetailsAtMedium\n        {...passedData}\n        {...rest}\n        badge={badge}\n        truncateLength={element.getData()?.label?.length}\n        onSelect={activeTaskId && openDialog}\n      >\n        {whenDecorator}\n      </TaskNode>\n    </>\n  );\n\n  return (\n    <Layer\n      id={\n        detailsLevel !== ScaleDetailsLevel.high && (hover || contextMenuOpen)\n          ? TOP_LAYER\n          : DEFAULT_LAYER\n      }\n    >\n      <g\n        data-test={`task ${element.getLabel()}`}\n        className=\"bs-tkn-pipeline-task-node\"\n        ref={hoverRef as React.LegacyRef<SVGGElement>}\n      >\n        <Tooltip\n          position=\"bottom\"\n          enableFlip={false}\n          content={\n            <PipelineVisualizationStepList\n              isSpecOverview={!data.status}\n              taskName={element.getLabel()}\n              steps={stepStatusList}\n              isFinallyTask={isFinallyTask}\n            />\n          }\n          triggerRef={triggerRef}\n        >\n          <g ref={triggerRef}>{taskNode}</g>\n        </Tooltip>\n      </g>\n    </Layer>\n  );\n};\n\nexport default React.memo(observer(PipelineTaskNode));\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PipelineTaskNode.esm.js","sources":["../../../src/components/pipeline-topology/PipelineTaskNode.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 { LegacyRef } from 'react';\n\nimport { useState, useContext, useRef, useMemo, memo } from 'react';\n\nimport { Tooltip } from '@patternfly/react-core';\nimport {\n  DEFAULT_LAYER,\n  DEFAULT_WHEN_OFFSET,\n  GraphElement,\n  Layer,\n  Node,\n  RunStatus,\n  ScaleDetailsLevel,\n  TaskNode,\n  TOP_LAYER,\n  useDetailsLevel,\n  useHover,\n  WhenDecorator,\n  WithContextMenuProps,\n  WithSelectionProps,\n} from '@patternfly/react-topology';\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { observer } from 'mobx-react';\n\nimport { PipelineTaskWithStatus, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { NodeType } from '../../consts/pipeline-topology-const';\nimport {\n  TEKTON_PIPELINE_RUN,\n  TEKTON_PIPELINE_TASK,\n} from '../../consts/tekton-const';\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { StepStatus } from '../../types/taskRun';\nimport { TektonResourcesContextData } from '../../types/types';\nimport { createStepStatus } from '../../utils/pipeline-step-utils';\nimport { getTaskStatus } from '../../utils/pipelineRun-utils';\nimport PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog';\nimport { PipelineVisualizationStepList } from './PipelineVisualizationStepList';\n\nimport './PipelineTaskNode.css';\n\ntype PipelineTaskNodeProps = {\n  element: Node;\n} & WithContextMenuProps &\n  WithSelectionProps &\n  GraphElement;\n\nconst PipelineTaskNode = ({\n  element,\n  onContextMenu,\n  contextMenuOpen,\n  ...rest\n}: PipelineTaskNodeProps) => {\n  const [open, setOpen] = useState<boolean>(false);\n  const { watchResourcesData } = useContext<TektonResourcesContextData>(\n    TektonResourcesContext,\n  );\n  const data = element.getData();\n  const triggerRef = useRef<SVGGElement | null>(null);\n\n  const pipelineRun = data.pipelineRun;\n  const [hover, hoverRef] = useHover();\n  const detailsLevel = useDetailsLevel();\n  const isFinallyTask = element.getType() === NodeType.FINALLY_NODE;\n\n  const pods = watchResourcesData?.pods?.data || [];\n  const taskRuns = watchResourcesData?.taskruns?.data || [];\n  const openDialog = () => {\n    setOpen(true);\n  };\n\n  const closeDialog = () => {\n    setOpen(false);\n  };\n\n  const computedTask: PipelineTaskWithStatus = data.task;\n  const stepList =\n    computedTask?.status?.steps || computedTask?.taskSpec?.steps || [];\n\n  const taskStatus = getTaskStatus(data.pipelineRun, data.task);\n\n  const stepStatusList: StepStatus[] = stepList.map((step: { name: string }) =>\n    createStepStatus(step, taskStatus),\n  );\n  const succeededStepsCount = stepStatusList.filter(\n    ({ status }) => status === RunStatus.Succeeded,\n  ).length;\n\n  const badge =\n    stepStatusList.length > 0 && data.status\n      ? `${succeededStepsCount}/${stepStatusList.length}`\n      : null;\n\n  const passedData = useMemo(() => {\n    const newData = { ...data };\n    Object.keys(newData).forEach(key => {\n      if (newData[key] === undefined) {\n        delete newData[key];\n      }\n    });\n    return newData;\n  }, [data]);\n\n  const hasTaskIcon = !!(data.taskIconClass || data.taskIcon);\n  const whenDecorator = data.whenStatus ? (\n    <WhenDecorator\n      element={element}\n      status={data.whenStatus}\n      leftOffset={\n        hasTaskIcon\n          ? DEFAULT_WHEN_OFFSET + (element.getBounds().height - 4) * 0.75\n          : DEFAULT_WHEN_OFFSET\n      }\n    />\n  ) : null;\n  const activeTaskId = taskRuns.find(\n    (tr: TaskRunKind) =>\n      tr?.metadata?.labels?.[TEKTON_PIPELINE_RUN] ===\n        pipelineRun?.metadata?.name &&\n      tr?.metadata?.labels?.[TEKTON_PIPELINE_TASK] === data.task?.name,\n  )?.metadata?.name;\n\n  const taskNode = (\n    <>\n      <PipelineRunLogDialog\n        pipelineRun={pipelineRun}\n        open={open}\n        closeDialog={closeDialog}\n        pods={pods}\n        taskRuns={taskRuns}\n        activeTask={activeTaskId}\n      />\n      <TaskNode\n        className=\"bs-tkn-pipeline-task-node\"\n        element={element}\n        onContextMenu={data.showContextMenu ? onContextMenu : undefined}\n        contextMenuOpen={contextMenuOpen}\n        scaleNode={\n          (hover || contextMenuOpen) && detailsLevel !== ScaleDetailsLevel.high\n        }\n        hideDetailsAtMedium\n        {...passedData}\n        {...rest}\n        badge={badge}\n        truncateLength={element.getData()?.label?.length}\n        onSelect={activeTaskId && openDialog}\n      >\n        {whenDecorator}\n      </TaskNode>\n    </>\n  );\n\n  return (\n    <Layer\n      id={\n        detailsLevel !== ScaleDetailsLevel.high && (hover || contextMenuOpen)\n          ? TOP_LAYER\n          : DEFAULT_LAYER\n      }\n    >\n      <g\n        data-test={`task ${element.getLabel()}`}\n        className=\"bs-tkn-pipeline-task-node\"\n        ref={hoverRef as LegacyRef<SVGGElement>}\n      >\n        <Tooltip\n          position=\"bottom\"\n          enableFlip={false}\n          content={\n            <PipelineVisualizationStepList\n              isSpecOverview={!data.status}\n              taskName={element.getLabel()}\n              steps={stepStatusList}\n              isFinallyTask={isFinallyTask}\n            />\n          }\n          triggerRef={triggerRef}\n        >\n          <g ref={triggerRef}>{taskNode}</g>\n        </Tooltip>\n      </g>\n    </Layer>\n  );\n};\n\nexport default memo(observer(PipelineTaskNode));\n"],"names":[],"mappings":"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"}

package/dist/components/pipeline-topology/PipelineVisualization.esm.js

@@ -1,8 +1,10 @@
-import React__default from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { useDarkTheme } from '../../hooks/useDarkTheme.esm.js';
 import { getGraphDataModel } from '../../utils/pipeline-topology-utils.esm.js';
 import { PipelineLayout } from './PipelineLayout.esm.js';
 import './PipelineVisualization.css.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const PipelineVisualization = ({
   pipelineRun,
@@ -10,14 +12,15 @@ const PipelineVisualization = ({
 }) => {
   useDarkTheme();
   const model = getGraphDataModel(pipelineRun ?? void 0, taskRuns ?? []);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !model || model.nodes.length === 0 && model.edges.length === 0 ? /* @__PURE__ */ React__default.createElement("div", { "data-testid": "pipeline-no-tasks" }, "This Pipeline Run has no tasks to visualize") : /* @__PURE__ */ React__default.createElement(
+  const { t } = useTranslationRef(tektonTranslationRef);
+  return /* @__PURE__ */ jsx(Fragment, { children: !model || model.nodes.length === 0 && model.edges.length === 0 ? /* @__PURE__ */ jsx("div", { "data-testid": "pipeline-no-tasks", children: t("pipelineVisualization.noTasksDescription") }) : /* @__PURE__ */ jsx(
     "div",
     {
       "data-testid": "pipelineRun-visualization",
-      className: "bs-tkn-pipeline-visualization__layout"
-    },
-    /* @__PURE__ */ React__default.createElement(PipelineLayout, { model })
-  ));
+      className: "bs-tkn-pipeline-visualization__layout",
+      children: /* @__PURE__ */ jsx(PipelineLayout, { model })
+    }
+  ) });
 };
 
 export { PipelineVisualization };

package/dist/components/pipeline-topology/PipelineVisualization.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineVisualization.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualization.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, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { useDarkTheme } from '../../hooks/useDarkTheme';\nimport { getGraphDataModel } from '../../utils/pipeline-topology-utils';\nimport { PipelineLayout } from './PipelineLayout';\n\nimport './PipelineVisualization.css';\n\ntype PipelineVisualizationProps = {\n  pipelineRun: PipelineRunKind | null;\n  taskRuns: TaskRunKind[];\n};\n\nexport const PipelineVisualization = ({\n  pipelineRun,\n  taskRuns,\n}: PipelineVisualizationProps) => {\n  useDarkTheme();\n\n  const model = getGraphDataModel(pipelineRun ?? undefined, taskRuns ?? []);\n\n  return (\n    <>\n      {!model || (model.nodes.length === 0 && model.edges.length === 0) ? (\n        <div data-testid=\"pipeline-no-tasks\">\n          This Pipeline Run has no tasks to visualize\n        </div>\n      ) : (\n        <div\n          data-testid=\"pipelineRun-visualization\"\n          className=\"bs-tkn-pipeline-visualization__layout\"\n        >\n          <PipelineLayout model={model} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AA8BO,MAAM,wBAAwB,CAAC;AAAA,EACpC,WAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EAAa,YAAA,EAAA;AAEb,EAAA,MAAM,QAAQ,iBAAkB,CAAA,WAAA,IAAe,MAAW,EAAA,QAAA,IAAY,EAAE,CAAA;AAExE,EAAA,mFAEK,CAAC,KAAA,IAAU,KAAM,CAAA,KAAA,CAAM,WAAW,CAAK,IAAA,KAAA,CAAM,KAAM,CAAA,MAAA,KAAW,oBAC5DA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,aAAY,EAAA,mBAAA,EAAA,EAAoB,6CAErC,CAEA,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,2BAAA;AAAA,MACZ,SAAU,EAAA;AAAA,KAAA;AAAA,oBAEVA,cAAA,CAAA,aAAA,CAAC,kBAAe,KAAc,EAAA;AAAA,GAGpC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineVisualization.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualization.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 { PipelineRunKind, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { useDarkTheme } from '../../hooks/useDarkTheme';\nimport { getGraphDataModel } from '../../utils/pipeline-topology-utils';\nimport { PipelineLayout } from './PipelineLayout';\n\nimport './PipelineVisualization.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\ntype PipelineVisualizationProps = {\n  pipelineRun: PipelineRunKind | null;\n  taskRuns: TaskRunKind[];\n};\n\nexport const PipelineVisualization = ({\n  pipelineRun,\n  taskRuns,\n}: PipelineVisualizationProps) => {\n  useDarkTheme();\n\n  const model = getGraphDataModel(pipelineRun ?? undefined, taskRuns ?? []);\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  return (\n    <>\n      {!model || (model.nodes.length === 0 && model.edges.length === 0) ? (\n        <div data-testid=\"pipeline-no-tasks\">\n          {t('pipelineVisualization.noTasksDescription')}\n        </div>\n      ) : (\n        <div\n          data-testid=\"pipelineRun-visualization\"\n          className=\"bs-tkn-pipeline-visualization__layout\"\n        >\n          <PipelineLayout model={model} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA8BO,MAAM,wBAAwB,CAAC;AAAA,EACpC,WAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EAAa,YAAA,EAAA;AAEb,EAAA,MAAM,QAAQ,iBAAkB,CAAA,WAAA,IAAe,MAAW,EAAA,QAAA,IAAY,EAAE,CAAA;AACxE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,uCAEK,QAAC,EAAA,CAAA,KAAA,IAAU,MAAM,KAAM,CAAA,MAAA,KAAW,KAAK,KAAM,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,uBAC5D,KAAI,EAAA,EAAA,aAAA,EAAY,qBACd,QAAE,EAAA,CAAA,CAAA,0CAA0C,GAC/C,CAEA,mBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,2BAAA;AAAA,MACZ,SAAU,EAAA,uCAAA;AAAA,MAEV,QAAA,kBAAA,GAAA,CAAC,kBAAe,KAAc,EAAA;AAAA;AAAA,GAGpC,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/pipeline-topology/PipelineVisualizationStepList.esm.js

@@ -1,12 +1,14 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { Status } from '@janus-idp/shared-react';
 import './PipelineVisualizationStepList.css.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const TooltipColoredStatusIcon = ({
   status
 }) => {
-  const icon = /* @__PURE__ */ React__default.createElement(Status, { status, iconOnly: true });
+  const icon = /* @__PURE__ */ jsx(Status, { status, iconOnly: true });
   return icon;
 };
 const PipelineVisualizationStepList = ({
@@ -16,23 +18,30 @@ const PipelineVisualizationStepList = ({
   isFinallyTask,
   hideHeader
 }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list" }, !hideHeader && /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__task-name" }, taskName), isFinallyTask && /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__task-type" }, "Finally task"), steps?.map(({ duration, name, status }) => {
-    return /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        className: classNames(
-          "bs-tkn-pipeline-visualization-step-list__step",
-          {
-            "bs-tkn-pipeline-visualization-step-list__step--task-run": !isSpecOverview
-          }
-        ),
-        key: name
-      },
-      !isSpecOverview ? /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__icon" }, /* @__PURE__ */ React__default.createElement(TooltipColoredStatusIcon, { status })) : /* @__PURE__ */ React__default.createElement("span", { className: "bs-tkn-pipeline-visualization-step-list__bullet" }, "\u2022"),
-      /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__name" }, name),
-      !isSpecOverview && /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__duration" }, duration)
-    );
-  }));
+  const { t } = useTranslationRef(tektonTranslationRef);
+  return /* @__PURE__ */ jsxs("div", { className: "bs-tkn-pipeline-visualization-step-list", children: [
+    !hideHeader && /* @__PURE__ */ jsx("div", { className: "bs-tkn-pipeline-visualization-step-list__task-name", children: taskName }),
+    isFinallyTask && /* @__PURE__ */ jsx("div", { className: "bs-tkn-pipeline-visualization-step-list__task-type", children: t("pipelineVisualization.stepList.finallyTaskTitle") }),
+    steps?.map(({ duration, name, status }) => {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: classNames(
+            "bs-tkn-pipeline-visualization-step-list__step",
+            {
+              "bs-tkn-pipeline-visualization-step-list__step--task-run": !isSpecOverview
+            }
+          ),
+          children: [
+            !isSpecOverview ? /* @__PURE__ */ jsx("div", { className: "bs-tkn-pipeline-visualization-step-list__icon", children: /* @__PURE__ */ jsx(TooltipColoredStatusIcon, { status }) }) : /* @__PURE__ */ jsx("span", { className: "bs-tkn-pipeline-visualization-step-list__bullet", children: "\u2022" }),
+            /* @__PURE__ */ jsx("div", { className: "bs-tkn-pipeline-visualization-step-list__name", children: name }),
+            !isSpecOverview && /* @__PURE__ */ jsx("div", { className: "bs-tkn-pipeline-visualization-step-list__duration", children: duration })
+          ]
+        },
+        name
+      );
+    })
+  ] });
 };
 
 export { PipelineVisualizationStepList };

package/dist/components/pipeline-topology/PipelineVisualizationStepList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineVisualizationStepList.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualizationStepList.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 { RunStatus } from '@patternfly/react-topology';\nimport classNames from 'classnames';\n\nimport { Status } from '@janus-idp/shared-react';\n\nimport { StepStatus } from '../../types/taskRun';\n\nimport './PipelineVisualizationStepList.css';\n\nexport type PipelineVisualizationStepListProps = {\n  isSpecOverview: boolean;\n  taskName: string;\n  steps: StepStatus[];\n  isFinallyTask?: boolean;\n  hideHeader?: boolean;\n};\n\ntype TooltipColoredStatusIconProps = {\n  status: RunStatus;\n};\n\nconst TooltipColoredStatusIcon = ({\n  status,\n}: TooltipColoredStatusIconProps) => {\n  const icon = <Status status={status} iconOnly />;\n  return icon;\n};\n\nexport const PipelineVisualizationStepList = ({\n  isSpecOverview,\n  taskName,\n  steps,\n  isFinallyTask,\n  hideHeader,\n}: PipelineVisualizationStepListProps) => {\n  return (\n    <div className=\"bs-tkn-pipeline-visualization-step-list\">\n      {!hideHeader && (\n        <div className=\"bs-tkn-pipeline-visualization-step-list__task-name\">\n          {taskName}\n        </div>\n      )}\n      {isFinallyTask && (\n        <div className=\"bs-tkn-pipeline-visualization-step-list__task-type\">\n          Finally task\n        </div>\n      )}\n      {steps?.map(({ duration, name, status }) => {\n        return (\n          <div\n            className={classNames(\n              'bs-tkn-pipeline-visualization-step-list__step',\n              {\n                'bs-tkn-pipeline-visualization-step-list__step--task-run':\n                  !isSpecOverview,\n              },\n            )}\n            key={name}\n          >\n            {!isSpecOverview ? (\n              <div className=\"bs-tkn-pipeline-visualization-step-list__icon\">\n                <TooltipColoredStatusIcon status={status} />\n              </div>\n            ) : (\n              <span className=\"bs-tkn-pipeline-visualization-step-list__bullet\">\n                &bull;\n              </span>\n            )}\n            <div className=\"bs-tkn-pipeline-visualization-step-list__name\">\n              {name}\n            </div>\n            {!isSpecOverview && (\n              <div className=\"bs-tkn-pipeline-visualization-step-list__duration\">\n                {duration}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAsCA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AACF,CAAqC,KAAA;AACnC,EAAA,MAAM,IAAO,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAgB,UAAQ,IAAC,EAAA,CAAA;AAC9C,EAAO,OAAA,IAAA;AACT,CAAA;AAEO,MAAM,gCAAgC,CAAC;AAAA,EAC5C,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA0C,KAAA;AACxC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,yCACZ,EAAA,EAAA,CAAC,UACA,oBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,oDACZ,EAAA,EAAA,QACH,CAED,EAAA,aAAA,iDACE,KAAI,EAAA,EAAA,SAAA,EAAU,oDAAqD,EAAA,EAAA,cAEpE,CAED,EAAA,KAAA,EAAO,GAAI,CAAA,CAAC,EAAE,QAAA,EAAU,IAAM,EAAA,MAAA,EAAa,KAAA;AAC1C,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,UAAA;AAAA,UACT,+CAAA;AAAA,UACA;AAAA,YACE,2DACE,CAAC;AAAA;AACL,SACF;AAAA,QACA,GAAK,EAAA;AAAA,OAAA;AAAA,MAEJ,CAAC,cAAA,mBACCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAU,+CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,wBAAyB,EAAA,EAAA,MAAA,EAAgB,CAC5C,CAEA,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,qDAAkD,QAElE,CAAA;AAAA,sBAEDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,+CAAA,EAAA,EACZ,IACH,CAAA;AAAA,MACC,CAAC,cACA,oBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,uDACZ,QACH;AAAA,KAEJ;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineVisualizationStepList.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualizationStepList.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 { RunStatus } from '@patternfly/react-topology';\nimport classNames from 'classnames';\n\nimport { Status } from '@janus-idp/shared-react';\n\nimport { StepStatus } from '../../types/taskRun';\n\nimport './PipelineVisualizationStepList.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\nexport type PipelineVisualizationStepListProps = {\n  isSpecOverview: boolean;\n  taskName: string;\n  steps: StepStatus[];\n  isFinallyTask?: boolean;\n  hideHeader?: boolean;\n};\n\ntype TooltipColoredStatusIconProps = {\n  status: RunStatus;\n};\n\nconst TooltipColoredStatusIcon = ({\n  status,\n}: TooltipColoredStatusIconProps) => {\n  const icon = <Status status={status} iconOnly />;\n  return icon;\n};\n\nexport const PipelineVisualizationStepList = ({\n  isSpecOverview,\n  taskName,\n  steps,\n  isFinallyTask,\n  hideHeader,\n}: PipelineVisualizationStepListProps) => {\n  const { t } = useTranslationRef(tektonTranslationRef);\n  return (\n    <div className=\"bs-tkn-pipeline-visualization-step-list\">\n      {!hideHeader && (\n        <div className=\"bs-tkn-pipeline-visualization-step-list__task-name\">\n          {taskName}\n        </div>\n      )}\n      {isFinallyTask && (\n        <div className=\"bs-tkn-pipeline-visualization-step-list__task-type\">\n          {t('pipelineVisualization.stepList.finallyTaskTitle')}\n        </div>\n      )}\n      {steps?.map(({ duration, name, status }) => {\n        return (\n          <div\n            className={classNames(\n              'bs-tkn-pipeline-visualization-step-list__step',\n              {\n                'bs-tkn-pipeline-visualization-step-list__step--task-run':\n                  !isSpecOverview,\n              },\n            )}\n            key={name}\n          >\n            {!isSpecOverview ? (\n              <div className=\"bs-tkn-pipeline-visualization-step-list__icon\">\n                <TooltipColoredStatusIcon status={status} />\n              </div>\n            ) : (\n              <span className=\"bs-tkn-pipeline-visualization-step-list__bullet\">\n                &bull;\n              </span>\n            )}\n            <div className=\"bs-tkn-pipeline-visualization-step-list__name\">\n              {name}\n            </div>\n            {!isSpecOverview && (\n              <div className=\"bs-tkn-pipeline-visualization-step-list__duration\">\n                {duration}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAsCA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AACF,CAAqC,KAAA;AACnC,EAAA,MAAM,IAAO,mBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAgB,UAAQ,IAAC,EAAA,CAAA;AAC9C,EAAO,OAAA,IAAA;AACT,CAAA;AAEO,MAAM,gCAAgC,CAAC;AAAA,EAC5C,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA0C,KAAA;AACxC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AACpD,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,yCACZ,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,UACA,oBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,sDACZ,QACH,EAAA,QAAA,EAAA,CAAA;AAAA,IAED,iCACE,GAAA,CAAA,KAAA,EAAA,EAAI,WAAU,oDACZ,EAAA,QAAA,EAAA,CAAA,CAAE,iDAAiD,CACtD,EAAA,CAAA;AAAA,IAED,OAAO,GAAI,CAAA,CAAC,EAAE,QAAU,EAAA,IAAA,EAAM,QAAa,KAAA;AAC1C,MACE,uBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,UAAA;AAAA,YACT,+CAAA;AAAA,YACA;AAAA,cACE,2DACE,CAAC;AAAA;AACL,WACF;AAAA,UAGC,QAAA,EAAA;AAAA,YAAA,CAAC,cACA,mBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iDACb,QAAC,kBAAA,GAAA,CAAA,wBAAA,EAAA,EAAyB,MAAgB,EAAA,CAAA,EAC5C,CAEA,mBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,mDAAkD,QAElE,EAAA,QAAA,EAAA,CAAA;AAAA,4BAED,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,+CAAA,EACZ,QACH,EAAA,IAAA,EAAA,CAAA;AAAA,YACC,CAAC,cACA,oBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qDACZ,QACH,EAAA,QAAA,EAAA;AAAA;AAAA,SAAA;AAAA,QAjBG;AAAA,OAmBP;AAAA,KAEH;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/pipeline-topology/PipelineVisualizationView.esm.js

@@ -1,34 +1,38 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useContext, useMemo } from 'react';
 import { Progress, EmptyState } from '@backstage/core-components';
 import { isEmpty } from 'lodash';
 import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
 import { getPipelineRun } from '../../utils/pipelineRun-utils.esm.js';
 import { PipelineVisualization } from './PipelineVisualization.esm.js';
 import './PipelineVisualization.css.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { tektonTranslationRef } from '../../translation.esm.js';
 
 const PipelineVisualizationView = ({
   pipelineRun
 }) => {
-  const { loaded, responseError, watchResourcesData } = React__default.useContext(
+  const { loaded, responseError, watchResourcesData } = useContext(
     TektonResourcesContext
   );
-  const pipelineRunResource = React__default.useMemo(
+  const { t } = useTranslationRef(tektonTranslationRef);
+  const pipelineRunResource = useMemo(
     () => getPipelineRun(watchResourcesData?.pipelineruns?.data ?? [], pipelineRun),
     [watchResourcesData, pipelineRun]
   );
   if (!loaded)
-    return /* @__PURE__ */ React__default.createElement("div", { "data-testid": "tekton-progress" }, /* @__PURE__ */ React__default.createElement(Progress, null));
+    return /* @__PURE__ */ jsx("div", { "data-testid": "tekton-progress", children: /* @__PURE__ */ jsx(Progress, {}) });
   if (loaded && (responseError || isEmpty(pipelineRunResource))) {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsx(
       EmptyState,
       {
         missing: "data",
-        description: "No Pipeline Run to visualize",
+        description: t("pipelineVisualization.emptyState.description"),
         title: ""
       }
     );
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     PipelineVisualization,
     {
       pipelineRun: pipelineRunResource,

package/dist/components/pipeline-topology/PipelineVisualizationView.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineVisualizationView.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualizationView.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 { EmptyState, Progress } from '@backstage/core-components';\n\nimport { isEmpty } from 'lodash';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { getPipelineRun } from '../../utils/pipelineRun-utils';\nimport { PipelineVisualization } from './PipelineVisualization';\n\nimport './PipelineVisualization.css';\n\ntype PipelineVisualizationViewProps = {\n  pipelineRun: string;\n};\n\nexport const PipelineVisualizationView = ({\n  pipelineRun,\n}: PipelineVisualizationViewProps) => {\n  const { loaded, responseError, watchResourcesData } = React.useContext(\n    TektonResourcesContext,\n  );\n\n  const pipelineRunResource = React.useMemo(\n    () =>\n      getPipelineRun(watchResourcesData?.pipelineruns?.data ?? [], pipelineRun),\n    [watchResourcesData, pipelineRun],\n  );\n\n  if (!loaded)\n    return (\n      <div data-testid=\"tekton-progress\">\n        <Progress />\n      </div>\n    );\n\n  if (loaded && (responseError || isEmpty(pipelineRunResource))) {\n    return (\n      <EmptyState\n        missing=\"data\"\n        description=\"No Pipeline Run to visualize\"\n        title=\"\"\n      />\n    );\n  }\n\n  return (\n    <PipelineVisualization\n      pipelineRun={pipelineRunResource}\n      taskRuns={watchResourcesData?.taskruns?.data ?? []}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AA+BO,MAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,aAAe,EAAA,kBAAA,KAAuBA,cAAM,CAAA,UAAA;AAAA,IAC1D;AAAA,GACF;AAEA,EAAA,MAAM,sBAAsBA,cAAM,CAAA,OAAA;AAAA,IAChC,MACE,cAAe,CAAA,kBAAA,EAAoB,cAAc,IAAQ,IAAA,IAAI,WAAW,CAAA;AAAA,IAC1E,CAAC,oBAAoB,WAAW;AAAA,GAClC;AAEA,EAAA,IAAI,CAAC,MAAA;AACH,IAAA,oDACG,KAAI,EAAA,EAAA,aAAA,EAAY,iBACf,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA;AAGJ,EAAA,IAAI,MAAW,KAAA,aAAA,IAAiB,OAAQ,CAAA,mBAAmB,CAAI,CAAA,EAAA;AAC7D,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,WAAY,EAAA,8BAAA;AAAA,QACZ,KAAM,EAAA;AAAA;AAAA,KACR;AAAA;AAIJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,WAAa,EAAA,mBAAA;AAAA,MACb,QAAU,EAAA,kBAAA,EAAoB,QAAU,EAAA,IAAA,IAAQ;AAAC;AAAA,GACnD;AAEJ;;;;"}
+{"version":3,"file":"PipelineVisualizationView.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualizationView.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, useMemo } from 'react';\n\nimport { EmptyState, Progress } from '@backstage/core-components';\n\nimport { isEmpty } from 'lodash';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { getPipelineRun } from '../../utils/pipelineRun-utils';\nimport { PipelineVisualization } from './PipelineVisualization';\n\nimport './PipelineVisualization.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translation';\n\ntype PipelineVisualizationViewProps = {\n  pipelineRun: string;\n};\n\nexport const PipelineVisualizationView = ({\n  pipelineRun,\n}: PipelineVisualizationViewProps) => {\n  const { loaded, responseError, watchResourcesData } = useContext(\n    TektonResourcesContext,\n  );\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  const pipelineRunResource = useMemo(\n    () =>\n      getPipelineRun(watchResourcesData?.pipelineruns?.data ?? [], pipelineRun),\n    [watchResourcesData, pipelineRun],\n  );\n\n  if (!loaded)\n    return (\n      <div data-testid=\"tekton-progress\">\n        <Progress />\n      </div>\n    );\n\n  if (loaded && (responseError || isEmpty(pipelineRunResource))) {\n    return (\n      <EmptyState\n        missing=\"data\"\n        description={t('pipelineVisualization.emptyState.description')}\n        title=\"\"\n      />\n    );\n  }\n\n  return (\n    <PipelineVisualization\n      pipelineRun={pipelineRunResource}\n      taskRuns={watchResourcesData?.taskruns?.data ?? []}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAiCO,MAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,aAAe,EAAA,kBAAA,EAAuB,GAAA,UAAA;AAAA,IACpD;AAAA,GACF;AACA,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,MAAM,mBAAsB,GAAA,OAAA;AAAA,IAC1B,MACE,cAAe,CAAA,kBAAA,EAAoB,cAAc,IAAQ,IAAA,IAAI,WAAW,CAAA;AAAA,IAC1E,CAAC,oBAAoB,WAAW;AAAA,GAClC;AAEA,EAAA,IAAI,CAAC,MAAA;AACH,IAAA,2BACG,KAAI,EAAA,EAAA,aAAA,EAAY,iBACf,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAS,CACZ,EAAA,CAAA;AAGJ,EAAA,IAAI,MAAW,KAAA,aAAA,IAAiB,OAAQ,CAAA,mBAAmB,CAAI,CAAA,EAAA;AAC7D,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,WAAA,EAAa,EAAE,8CAA8C,CAAA;AAAA,QAC7D,KAAM,EAAA;AAAA;AAAA,KACR;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,WAAa,EAAA,mBAAA;AAAA,MACb,QAAU,EAAA,kBAAA,EAAoB,QAAU,EAAA,IAAA,IAAQ;AAAC;AAAA,GACnD;AAEJ;;;;"}

package/dist/components/pipeline-topology/TaskGroupEdge.esm.js

@@ -1,9 +1,9 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { TaskEdge } from '@patternfly/react-topology';
 import { observer } from 'mobx-react';
 import { GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL } from '../../consts/pipeline-topology-const.esm.js';
 
-const TaskGroupEdge = (props) => /* @__PURE__ */ React__default.createElement(
+const TaskGroupEdge = (props) => /* @__PURE__ */ jsx(
   TaskEdge,
   {
     nodeSeparation: GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL,

package/dist/components/pipeline-topology/TaskGroupEdge.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskGroupEdge.esm.js","sources":["../../../src/components/pipeline-topology/TaskGroupEdge.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 { Edge, TaskEdge } from '@patternfly/react-topology';\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { observer } from 'mobx-react';\n\nimport { GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL } from '../../consts/pipeline-topology-const';\n\ninterface TaskEdgeProps {\n  element: Edge;\n}\n\nconst TaskGroupEdge = (props: TaskEdgeProps) => (\n  <TaskEdge\n    nodeSeparation={GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL}\n    {...props}\n  />\n);\n\nexport default observer(TaskGroupEdge);\n"],"names":["React"],"mappings":";;;;;AA2BA,MAAM,aAAA,GAAgB,CAAC,KACrB,qBAAAA,cAAA,CAAA,aAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,cAAgB,EAAA,2CAAA;AAAA,IACf,GAAG;AAAA;AACN,CAAA;AAGF,sBAAe,SAAS,aAAa,CAAA;;;;"}
+{"version":3,"file":"TaskGroupEdge.esm.js","sources":["../../../src/components/pipeline-topology/TaskGroupEdge.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 { Edge, TaskEdge } from '@patternfly/react-topology';\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { observer } from 'mobx-react';\n\nimport { GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL } from '../../consts/pipeline-topology-const';\n\ninterface TaskEdgeProps {\n  element: Edge;\n}\n\nconst TaskGroupEdge = (props: TaskEdgeProps) => (\n  <TaskEdge\n    nodeSeparation={GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL}\n    {...props}\n  />\n);\n\nexport default observer(TaskGroupEdge);\n"],"names":[],"mappings":";;;;;AAyBA,MAAM,aAAA,GAAgB,CAAC,KACrB,qBAAA,GAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,cAAgB,EAAA,2CAAA;AAAA,IACf,GAAG;AAAA;AACN,CAAA;AAGF,sBAAe,SAAS,aAAa,CAAA;;;;"}

package/dist/components/pipeline-topology/pipelineComponentFactory.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipelineComponentFactory.esm.js","sources":["../../../src/components/pipeline-topology/pipelineComponentFactory.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  ComponentFactory,\n  DagreLayout,\n  DefaultTaskGroup,\n  Graph,\n  GraphComponent,\n  GraphElement,\n  LayoutFactory,\n  ModelKind,\n  PipelineDagreLayout,\n  SpacerNode,\n  TaskEdge,\n  withPanZoom,\n} from '@patternfly/react-topology';\n\nimport { NodeType, PipelineLayout } from '../../consts/pipeline-topology-const';\nimport { getLayoutData } from '../../utils/pipeline-topology-utils';\nimport PipelineTaskNode from './PipelineTaskNode';\nimport TaskGroupEdge from './TaskGroupEdge';\n\nconst GROUPED_EDGE_TYPE = 'GROUPED_EDGE';\n\nexport const layoutFactory: LayoutFactory = (type: string, graph: Graph) => {\n  switch (type) {\n    case PipelineLayout.DAGRE_BUILDER:\n    case PipelineLayout.DAGRE_BUILDER_SPACED:\n      return new DagreLayout(graph, {\n        // Hack to get around undesirable defaults\n        linkDistance: 0,\n        nodeDistance: 0,\n        groupDistance: 0,\n        collideDistance: 0,\n        simulationSpeed: 0,\n        chargeStrength: 0,\n        allowDrag: false,\n        layoutOnDrag: false,\n        ...getLayoutData(type),\n      });\n    case PipelineLayout.DAGRE_VIEWER:\n      return new PipelineDagreLayout(graph, { nodesep: 25 });\n    default:\n      return undefined;\n  }\n};\n\nconst pipelineComponentFactory: ComponentFactory = (\n  kind: ModelKind,\n  type: string,\n): React.ComponentType<{ element: GraphElement }> | undefined => {\n  if (kind === ModelKind.graph) {\n    return withPanZoom()(GraphComponent) as React.ComponentType<{\n      element: GraphElement;\n    }>;\n  }\n  if (kind === ModelKind.edge) {\n    return TaskEdge as React.ComponentType<{ element: GraphElement }>;\n  }\n  if (kind === ModelKind.node) {\n    switch (type) {\n      case NodeType.TASK_NODE:\n      case NodeType.FINALLY_NODE:\n        return PipelineTaskNode as React.ComponentType<any>;\n      case 'task-group':\n      case NodeType.FINALLY_GROUP:\n        return DefaultTaskGroup as React.ComponentType<{\n          element: GraphElement;\n        }>;\n      case NodeType.SPACER_NODE:\n        return SpacerNode as React.ComponentType<{ element: GraphElement }>;\n      case 'finally-spacer-edge':\n      case NodeType.EDGE:\n        return TaskEdge as React.ComponentType<{ element: GraphElement }>;\n      case GROUPED_EDGE_TYPE:\n        return TaskGroupEdge as React.ComponentType<{ element: GraphElement }>;\n      default:\n        return undefined;\n    }\n  }\n  return undefined;\n};\n\nexport default pipelineComponentFactory;\n"],"names":[],"mappings":";;;;;;AAqCA,MAAM,iBAAoB,GAAA,cAAA;AAEb,MAAA,aAAA,GAA+B,CAAC,IAAA,EAAc,KAAiB,KAAA;AAC1E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,cAAe,CAAA,aAAA;AAAA,IACpB,KAAK,cAAe,CAAA,oBAAA;AAClB,MAAO,OAAA,IAAI,YAAY,KAAO,EAAA;AAAA;AAAA,QAE5B,YAAc,EAAA,CAAA;AAAA,QACd,YAAc,EAAA,CAAA;AAAA,QACd,aAAe,EAAA,CAAA;AAAA,QACf,eAAiB,EAAA,CAAA;AAAA,QACjB,eAAiB,EAAA,CAAA;AAAA,QACjB,cAAgB,EAAA,CAAA;AAAA,QAChB,SAAW,EAAA,KAAA;AAAA,QACX,YAAc,EAAA,KAAA;AAAA,QACd,GAAG,cAAc,IAAI;AAAA,OACtB,CAAA;AAAA,IACH,KAAK,cAAe,CAAA,YAAA;AAClB,MAAA,OAAO,IAAI,mBAAoB,CAAA,KAAA,EAAO,EAAE,OAAA,EAAS,IAAI,CAAA;AAAA,IACvD;AACE,MAAO,OAAA,MAAA;AAAA;AAEb;AAEM,MAAA,wBAAA,GAA6C,CACjD,IAAA,EACA,IAC+D,KAAA;AAC/D,EAAI,IAAA,IAAA,KAAS,UAAU,KAAO,EAAA;AAC5B,IAAO,OAAA,WAAA,GAAc,cAAc,CAAA;AAAA;AAIrC,EAAI,IAAA,IAAA,KAAS,UAAU,IAAM,EAAA;AAC3B,IAAO,OAAA,QAAA;AAAA;AAET,EAAI,IAAA,IAAA,KAAS,UAAU,IAAM,EAAA;AAC3B,IAAA,QAAQ,IAAM;AAAA,MACZ,KAAK,QAAS,CAAA,SAAA;AAAA,MACd,KAAK,QAAS,CAAA,YAAA;AACZ,QAAO,OAAA,gBAAA;AAAA,MACT,KAAK,YAAA;AAAA,MACL,KAAK,QAAS,CAAA,aAAA;AACZ,QAAO,OAAA,gBAAA;AAAA,MAGT,KAAK,QAAS,CAAA,WAAA;AACZ,QAAO,OAAA,UAAA;AAAA,MACT,KAAK,qBAAA;AAAA,MACL,KAAK,QAAS,CAAA,IAAA;AACZ,QAAO,OAAA,QAAA;AAAA,MACT,KAAK,iBAAA;AACH,QAAO,OAAA,aAAA;AAAA,MACT;AACE,QAAO,OAAA,MAAA;AAAA;AACX;AAEF,EAAO,OAAA,MAAA;AACT;;;;"}
+{"version":3,"file":"pipelineComponentFactory.esm.js","sources":["../../../src/components/pipeline-topology/pipelineComponentFactory.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 { ComponentType } from 'react';\n\nimport {\n  ComponentFactory,\n  DagreLayout,\n  DefaultTaskGroup,\n  Graph,\n  GraphComponent,\n  GraphElement,\n  LayoutFactory,\n  ModelKind,\n  PipelineDagreLayout,\n  SpacerNode,\n  TaskEdge,\n  withPanZoom,\n} from '@patternfly/react-topology';\n\nimport { NodeType, PipelineLayout } from '../../consts/pipeline-topology-const';\nimport { getLayoutData } from '../../utils/pipeline-topology-utils';\nimport PipelineTaskNode from './PipelineTaskNode';\nimport TaskGroupEdge from './TaskGroupEdge';\n\nconst GROUPED_EDGE_TYPE = 'GROUPED_EDGE';\n\nexport const layoutFactory: LayoutFactory = (type: string, graph: Graph) => {\n  switch (type) {\n    case PipelineLayout.DAGRE_BUILDER:\n    case PipelineLayout.DAGRE_BUILDER_SPACED:\n      return new DagreLayout(graph, {\n        // Hack to get around undesirable defaults\n        linkDistance: 0,\n        nodeDistance: 0,\n        groupDistance: 0,\n        collideDistance: 0,\n        simulationSpeed: 0,\n        chargeStrength: 0,\n        allowDrag: false,\n        layoutOnDrag: false,\n        ...getLayoutData(type),\n      });\n    case PipelineLayout.DAGRE_VIEWER:\n      return new PipelineDagreLayout(graph, { nodesep: 25 });\n    default:\n      return undefined;\n  }\n};\n\nconst pipelineComponentFactory: ComponentFactory = (\n  kind: ModelKind,\n  type: string,\n): ComponentType<{ element: GraphElement }> | undefined => {\n  if (kind === ModelKind.graph) {\n    return withPanZoom()(GraphComponent) as ComponentType<{\n      element: GraphElement;\n    }>;\n  }\n  if (kind === ModelKind.edge) {\n    return TaskEdge as ComponentType<{ element: GraphElement }>;\n  }\n  if (kind === ModelKind.node) {\n    switch (type) {\n      case NodeType.TASK_NODE:\n      case NodeType.FINALLY_NODE:\n        return PipelineTaskNode as ComponentType<any>;\n      case 'task-group':\n      case NodeType.FINALLY_GROUP:\n        return DefaultTaskGroup as ComponentType<{\n          element: GraphElement;\n        }>;\n      case NodeType.SPACER_NODE:\n        return SpacerNode as ComponentType<{ element: GraphElement }>;\n      case 'finally-spacer-edge':\n      case NodeType.EDGE:\n        return TaskEdge as ComponentType<{ element: GraphElement }>;\n      case GROUPED_EDGE_TYPE:\n        return TaskGroupEdge as ComponentType<{ element: GraphElement }>;\n      default:\n        return undefined;\n    }\n  }\n  return undefined;\n};\n\nexport default pipelineComponentFactory;\n"],"names":[],"mappings":";;;;;;AAqCA,MAAM,iBAAoB,GAAA,cAAA;AAEb,MAAA,aAAA,GAA+B,CAAC,IAAA,EAAc,KAAiB,KAAA;AAC1E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,cAAe,CAAA,aAAA;AAAA,IACpB,KAAK,cAAe,CAAA,oBAAA;AAClB,MAAO,OAAA,IAAI,YAAY,KAAO,EAAA;AAAA;AAAA,QAE5B,YAAc,EAAA,CAAA;AAAA,QACd,YAAc,EAAA,CAAA;AAAA,QACd,aAAe,EAAA,CAAA;AAAA,QACf,eAAiB,EAAA,CAAA;AAAA,QACjB,eAAiB,EAAA,CAAA;AAAA,QACjB,cAAgB,EAAA,CAAA;AAAA,QAChB,SAAW,EAAA,KAAA;AAAA,QACX,YAAc,EAAA,KAAA;AAAA,QACd,GAAG,cAAc,IAAI;AAAA,OACtB,CAAA;AAAA,IACH,KAAK,cAAe,CAAA,YAAA;AAClB,MAAA,OAAO,IAAI,mBAAoB,CAAA,KAAA,EAAO,EAAE,OAAA,EAAS,IAAI,CAAA;AAAA,IACvD;AACE,MAAO,OAAA,MAAA;AAAA;AAEb;AAEM,MAAA,wBAAA,GAA6C,CACjD,IAAA,EACA,IACyD,KAAA;AACzD,EAAI,IAAA,IAAA,KAAS,UAAU,KAAO,EAAA;AAC5B,IAAO,OAAA,WAAA,GAAc,cAAc,CAAA;AAAA;AAIrC,EAAI,IAAA,IAAA,KAAS,UAAU,IAAM,EAAA;AAC3B,IAAO,OAAA,QAAA;AAAA;AAET,EAAI,IAAA,IAAA,KAAS,UAAU,IAAM,EAAA;AAC3B,IAAA,QAAQ,IAAM;AAAA,MACZ,KAAK,QAAS,CAAA,SAAA;AAAA,MACd,KAAK,QAAS,CAAA,YAAA;AACZ,QAAO,OAAA,gBAAA;AAAA,MACT,KAAK,YAAA;AAAA,MACL,KAAK,QAAS,CAAA,aAAA;AACZ,QAAO,OAAA,gBAAA;AAAA,MAGT,KAAK,QAAS,CAAA,WAAA;AACZ,QAAO,OAAA,UAAA;AAAA,MACT,KAAK,qBAAA;AAAA,MACL,KAAK,QAAS,CAAA,IAAA;AACZ,QAAO,OAAA,QAAA;AAAA,MACT,KAAK,iBAAA;AACH,QAAO,OAAA,aAAA;AAAA,MACT;AACE,QAAO,OAAA,MAAA;AAAA;AACX;AAEF,EAAO,OAAA,MAAA;AACT;;;;"}

package/dist/hooks/TektonResourcesContext.esm.js

@@ -1,16 +1,18 @@
-import React__default from 'react';
+import { createContext } from 'react';
 import { ComputedStatus } from '@janus-idp/shared-react';
 
-const TektonResourcesContext = React__default.createContext({
-  clusters: [],
-  selectedStatus: ComputedStatus.All,
-  setSelectedCluster: () => {
-  },
-  setSelectedStatus: () => {
-  },
-  setIsExpanded: () => {
+const TektonResourcesContext = createContext(
+  {
+    clusters: [],
+    selectedStatus: ComputedStatus.All,
+    setSelectedCluster: () => {
+    },
+    setSelectedStatus: () => {
+    },
+    setIsExpanded: () => {
+    }
   }
-});
+);
 
 export { TektonResourcesContext };
 //# sourceMappingURL=TektonResourcesContext.esm.js.map

package/dist/hooks/TektonResourcesContext.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TektonResourcesContext.esm.js","sources":["../../src/hooks/TektonResourcesContext.ts"],"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 { ComputedStatus } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContextData } from '../types/types';\n\nexport const TektonResourcesContext =\n  React.createContext<TektonResourcesContextData>({\n    clusters: [],\n    selectedStatus: ComputedStatus.All,\n    setSelectedCluster: () => {},\n    setSelectedStatus: () => {},\n    setIsExpanded: () => {},\n  });\n"],"names":["React"],"mappings":";;;AAqBa,MAAA,sBAAA,GACXA,eAAM,aAA0C,CAAA;AAAA,EAC9C,UAAU,EAAC;AAAA,EACX,gBAAgB,cAAe,CAAA,GAAA;AAAA,EAC/B,oBAAoB,MAAM;AAAA,GAAC;AAAA,EAC3B,mBAAmB,MAAM;AAAA,GAAC;AAAA,EAC1B,eAAe,MAAM;AAAA;AACvB,CAAC;;;;"}
+{"version":3,"file":"TektonResourcesContext.esm.js","sources":["../../src/hooks/TektonResourcesContext.ts"],"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 { createContext } from 'react';\n\nimport { ComputedStatus } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContextData } from '../types/types';\n\nexport const TektonResourcesContext = createContext<TektonResourcesContextData>(\n  {\n    clusters: [],\n    selectedStatus: ComputedStatus.All,\n    setSelectedCluster: () => {},\n    setSelectedStatus: () => {},\n    setIsExpanded: () => {},\n  },\n);\n"],"names":[],"mappings":";;;AAqBO,MAAM,sBAAyB,GAAA,aAAA;AAAA,EACpC;AAAA,IACE,UAAU,EAAC;AAAA,IACX,gBAAgB,cAAe,CAAA,GAAA;AAAA,IAC/B,oBAAoB,MAAM;AAAA,KAAC;AAAA,IAC3B,mBAAmB,MAAM;AAAA,KAAC;AAAA,IAC1B,eAAe,MAAM;AAAA;AAAC;AAE1B;;;;"}

package/dist/hooks/useDarkTheme.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { useEffect } from 'react';
 import { useTheme } from '@material-ui/core/styles';
 
 const THEME_DARK = "dark";
@@ -7,7 +7,7 @@ const useDarkTheme = () => {
   const {
     palette: { type }
   } = useTheme();
-  React__default.useEffect(() => {
+  useEffect(() => {
     const htmlTagElement = document.documentElement;
     if (type === THEME_DARK) {
       htmlTagElement.classList.add(THEME_DARK_CLASS);

package/dist/hooks/useDarkTheme.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDarkTheme.esm.js","sources":["../../src/hooks/useDarkTheme.ts"],"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 { useTheme } from '@material-ui/core/styles';\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v6-theme-dark';\n\nexport const useDarkTheme = () => {\n  const {\n    palette: { type },\n  } = useTheme();\n\n  React.useEffect(() => {\n    const htmlTagElement = document.documentElement;\n    if (type === THEME_DARK) {\n      htmlTagElement.classList.add(THEME_DARK_CLASS);\n    } else {\n      htmlTagElement.classList.remove(THEME_DARK_CLASS);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [type]);\n};\n"],"names":["React"],"mappings":";;;AAmBA,MAAM,UAAa,GAAA,MAAA;AACnB,MAAM,gBAAmB,GAAA,kBAAA;AAElB,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,IAAK;AAAA,MACd,QAAS,EAAA;AAEb,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,iBAAiB,QAAS,CAAA,eAAA;AAChC,IAAA,IAAI,SAAS,UAAY,EAAA;AACvB,MAAe,cAAA,CAAA,SAAA,CAAU,IAAI,gBAAgB,CAAA;AAAA,KACxC,MAAA;AACL,MAAe,cAAA,CAAA,SAAA,CAAU,OAAO,gBAAgB,CAAA;AAAA;AAClD,GAEF,EAAG,CAAC,IAAI,CAAC,CAAA;AACX;;;;"}
+{"version":3,"file":"useDarkTheme.esm.js","sources":["../../src/hooks/useDarkTheme.ts"],"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 { useEffect } from 'react';\n\nimport { useTheme } from '@material-ui/core/styles';\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v6-theme-dark';\n\nexport const useDarkTheme = () => {\n  const {\n    palette: { type },\n  } = useTheme();\n\n  useEffect(() => {\n    const htmlTagElement = document.documentElement;\n    if (type === THEME_DARK) {\n      htmlTagElement.classList.add(THEME_DARK_CLASS);\n    } else {\n      htmlTagElement.classList.remove(THEME_DARK_CLASS);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [type]);\n};\n"],"names":[],"mappings":";;;AAmBA,MAAM,UAAa,GAAA,MAAA;AACnB,MAAM,gBAAmB,GAAA,kBAAA;AAElB,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,IAAK;AAAA,MACd,QAAS,EAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,iBAAiB,QAAS,CAAA,eAAA;AAChC,IAAA,IAAI,SAAS,UAAY,EAAA;AACvB,MAAe,cAAA,CAAA,SAAA,CAAU,IAAI,gBAAgB,CAAA;AAAA,KACxC,MAAA;AACL,MAAe,cAAA,CAAA,SAAA,CAAU,OAAO,gBAAgB,CAAA;AAAA;AAClD,GAEF,EAAG,CAAC,IAAI,CAAC,CAAA;AACX;;;;"}

package/dist/hooks/usePipelineRunScanResults.esm.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { useMemo } from 'react';
 
 const SCAN_OUTPUT_SUFFIX = "SCAN_OUTPUT";
 const getPipelineRunScanResults = (pipelineRun) => (pipelineRun.status?.results || pipelineRun.status?.pipelineResults)?.reduce(
@@ -23,7 +23,7 @@ const getPipelineRunScanResults = (pipelineRun) => (pipelineRun.status?.results
   {}
 ) || {};
 const usePipelineRunScanResults = (pipelineRun) => {
-  return React.useMemo(() => {
+  return useMemo(() => {
     if (!pipelineRun) {
       return {};
     }

package/dist/hooks/usePipelineRunScanResults.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePipelineRunScanResults.esm.js","sources":["../../src/hooks/usePipelineRunScanResults.ts"],"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 { PipelineRunScanResults } from '../types/types';\n\nconst SCAN_OUTPUT_SUFFIX = 'SCAN_OUTPUT';\n\nexport const getPipelineRunScanResults = (\n  pipelineRun: PipelineRunKind,\n): PipelineRunScanResults =>\n  (pipelineRun.status?.results || pipelineRun.status?.pipelineResults)?.reduce(\n    (acc, result) => {\n      if (result.name?.endsWith(SCAN_OUTPUT_SUFFIX)) {\n        if (!acc.vulnerabilities) {\n          acc.vulnerabilities = { critical: 0, high: 0, medium: 0, low: 0 };\n        }\n        try {\n          const taskVulnerabilities = JSON.parse(result.value);\n          if (taskVulnerabilities.vulnerabilities) {\n            acc.vulnerabilities.critical +=\n              taskVulnerabilities.vulnerabilities.critical || 0;\n            acc.vulnerabilities.high +=\n              taskVulnerabilities.vulnerabilities.high || 0;\n            acc.vulnerabilities.medium +=\n              taskVulnerabilities.vulnerabilities.medium || 0;\n            acc.vulnerabilities.low +=\n              taskVulnerabilities.vulnerabilities.low || 0;\n          }\n        } catch (e) {\n          // ignore\n        }\n      }\n      return acc;\n    },\n    {} as PipelineRunScanResults,\n  ) || {};\n\nexport const usePipelineRunScanResults = (\n  pipelineRun: PipelineRunKind,\n): PipelineRunScanResults => {\n  return React.useMemo(() => {\n    if (!pipelineRun) {\n      return {};\n    }\n\n    return getPipelineRunScanResults(pipelineRun);\n  }, [pipelineRun]);\n};\n"],"names":[],"mappings":";;AAqBA,MAAM,kBAAqB,GAAA,aAAA;AAEd,MAAA,yBAAA,GAA4B,CACvC,WAEC,KAAA,CAAA,WAAA,CAAY,QAAQ,OAAW,IAAA,WAAA,CAAY,QAAQ,eAAkB,GAAA,MAAA;AAAA,EACpE,CAAC,KAAK,MAAW,KAAA;AACf,IAAA,IAAI,MAAO,CAAA,IAAA,EAAM,QAAS,CAAA,kBAAkB,CAAG,EAAA;AAC7C,MAAI,IAAA,CAAC,IAAI,eAAiB,EAAA;AACxB,QAAI,GAAA,CAAA,eAAA,GAAkB,EAAE,QAAU,EAAA,CAAA,EAAG,MAAM,CAAG,EAAA,MAAA,EAAQ,CAAG,EAAA,GAAA,EAAK,CAAE,EAAA;AAAA;AAElE,MAAI,IAAA;AACF,QAAA,MAAM,mBAAsB,GAAA,IAAA,CAAK,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AACnD,QAAA,IAAI,oBAAoB,eAAiB,EAAA;AACvC,UAAA,GAAA,CAAI,eAAgB,CAAA,QAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,QAAY,IAAA,CAAA;AAClD,UAAA,GAAA,CAAI,eAAgB,CAAA,IAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,IAAQ,IAAA,CAAA;AAC9C,UAAA,GAAA,CAAI,eAAgB,CAAA,MAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,MAAU,IAAA,CAAA;AAChD,UAAA,GAAA,CAAI,eAAgB,CAAA,GAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,GAAO,IAAA,CAAA;AAAA;AAC/C,eACO,CAAG,EAAA;AAAA;AAEZ;AAEF,IAAO,OAAA,GAAA;AAAA,GACT;AAAA,EACA;AACF,CAAA,IAAK;AAEM,MAAA,yBAAA,GAA4B,CACvC,WAC2B,KAAA;AAC3B,EAAO,OAAA,KAAA,CAAM,QAAQ,MAAM;AACzB,IAAA,IAAI,CAAC,WAAa,EAAA;AAChB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,OAAO,0BAA0B,WAAW,CAAA;AAAA,GAC9C,EAAG,CAAC,WAAW,CAAC,CAAA;AAClB;;;;"}
+{"version":3,"file":"usePipelineRunScanResults.esm.js","sources":["../../src/hooks/usePipelineRunScanResults.ts"],"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 { useMemo } from 'react';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { PipelineRunScanResults } from '../types/types';\n\nconst SCAN_OUTPUT_SUFFIX = 'SCAN_OUTPUT';\n\nexport const getPipelineRunScanResults = (\n  pipelineRun: PipelineRunKind,\n): PipelineRunScanResults =>\n  (pipelineRun.status?.results || pipelineRun.status?.pipelineResults)?.reduce(\n    (acc, result) => {\n      if (result.name?.endsWith(SCAN_OUTPUT_SUFFIX)) {\n        if (!acc.vulnerabilities) {\n          acc.vulnerabilities = { critical: 0, high: 0, medium: 0, low: 0 };\n        }\n        try {\n          const taskVulnerabilities = JSON.parse(result.value);\n          if (taskVulnerabilities.vulnerabilities) {\n            acc.vulnerabilities.critical +=\n              taskVulnerabilities.vulnerabilities.critical || 0;\n            acc.vulnerabilities.high +=\n              taskVulnerabilities.vulnerabilities.high || 0;\n            acc.vulnerabilities.medium +=\n              taskVulnerabilities.vulnerabilities.medium || 0;\n            acc.vulnerabilities.low +=\n              taskVulnerabilities.vulnerabilities.low || 0;\n          }\n        } catch (e) {\n          // ignore\n        }\n      }\n      return acc;\n    },\n    {} as PipelineRunScanResults,\n  ) || {};\n\nexport const usePipelineRunScanResults = (\n  pipelineRun: PipelineRunKind,\n): PipelineRunScanResults => {\n  return useMemo(() => {\n    if (!pipelineRun) {\n      return {};\n    }\n\n    return getPipelineRunScanResults(pipelineRun);\n  }, [pipelineRun]);\n};\n"],"names":[],"mappings":";;AAqBA,MAAM,kBAAqB,GAAA,aAAA;AAEd,MAAA,yBAAA,GAA4B,CACvC,WAEC,KAAA,CAAA,WAAA,CAAY,QAAQ,OAAW,IAAA,WAAA,CAAY,QAAQ,eAAkB,GAAA,MAAA;AAAA,EACpE,CAAC,KAAK,MAAW,KAAA;AACf,IAAA,IAAI,MAAO,CAAA,IAAA,EAAM,QAAS,CAAA,kBAAkB,CAAG,EAAA;AAC7C,MAAI,IAAA,CAAC,IAAI,eAAiB,EAAA;AACxB,QAAI,GAAA,CAAA,eAAA,GAAkB,EAAE,QAAU,EAAA,CAAA,EAAG,MAAM,CAAG,EAAA,MAAA,EAAQ,CAAG,EAAA,GAAA,EAAK,CAAE,EAAA;AAAA;AAElE,MAAI,IAAA;AACF,QAAA,MAAM,mBAAsB,GAAA,IAAA,CAAK,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AACnD,QAAA,IAAI,oBAAoB,eAAiB,EAAA;AACvC,UAAA,GAAA,CAAI,eAAgB,CAAA,QAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,QAAY,IAAA,CAAA;AAClD,UAAA,GAAA,CAAI,eAAgB,CAAA,IAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,IAAQ,IAAA,CAAA;AAC9C,UAAA,GAAA,CAAI,eAAgB,CAAA,MAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,MAAU,IAAA,CAAA;AAChD,UAAA,GAAA,CAAI,eAAgB,CAAA,GAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,GAAO,IAAA,CAAA;AAAA;AAC/C,eACO,CAAG,EAAA;AAAA;AAEZ;AAEF,IAAO,OAAA,GAAA;AAAA,GACT;AAAA,EACA;AACF,CAAA,IAAK;AAEM,MAAA,yBAAA,GAA4B,CACvC,WAC2B,KAAA;AAC3B,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,WAAa,EAAA;AAChB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,OAAO,0BAA0B,WAAW,CAAA;AAAA,GAC9C,EAAG,CAAC,WAAW,CAAC,CAAA;AAClB;;;;"}

package/dist/hooks/usePodLogsOfPipelineRun.esm.js

@@ -1,6 +1,5 @@
-import React__default from 'react';
-import useAsyncRetry from 'react-use/lib/useAsyncRetry';
-import useInterval from 'react-use/lib/useInterval';
+import { useContext } from 'react';
+import { useQuery } from '@tanstack/react-query';
 import { useApi } from '@backstage/core-plugin-api';
 import { kubernetesProxyApiRef } from '../types/types.esm.js';
 import { TektonResourcesContext } from './TektonResourcesContext.esm.js';
@@ -9,58 +8,40 @@ const usePodLogsOfPipelineRun = ({
   pod,
   intervalMs = 5e3
 }) => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [, setPodInfo] = React__default.useState(pod?.metadata?.name ?? "");
   const kubernetesProxyApi = useApi(kubernetesProxyApiRef);
-  const { clusters, selectedCluster } = React__default.useContext(TektonResourcesContext);
+  const { clusters, selectedCluster } = useContext(
+    TektonResourcesContext
+  );
   const currCluster = clusters.length > 0 && clusters[selectedCluster || 0] || "";
   const containersList = pod?.spec?.containers || [];
-  const getLogs = React__default.useCallback(
-    async (podScope) => {
-      const { podName, podNamespace, containerName, clusterName } = podScope;
-      return await kubernetesProxyApi.getPodLogs({
-        podName,
-        namespace: podNamespace,
-        containerName,
-        clusterName
-      });
-    },
-    [kubernetesProxyApi]
-  );
-  const { value, error, loading, retry } = useAsyncRetry(async () => {
-    const requests = [];
-    containersList.map((container, _idx) => {
-      if (pod?.metadata?.name && pod?.metadata?.namespace && container) {
-        const podScope = {
-          containerName: container.name,
-          podName: pod.metadata.name,
-          podNamespace: pod.metadata.namespace,
-          clusterName: currCluster
-        };
-        requests.push(getLogs(podScope));
-      }
-    });
-    return requests.length > 0 ? Promise.all(requests) : [];
-  }, [containersList, pod, getLogs]);
+  const podKey = pod?.metadata?.name;
   const stopPolling = pod?.status?.phase === "Succeeded" || pod?.status?.phase === "Failed";
-  useInterval(() => retry(), stopPolling ? null : intervalMs);
-  React__default.useEffect(() => {
-    let mounted = true;
-    if (!loading && mounted) {
-      setPodInfo((prevState) => {
-        if (prevState === pod?.metadata?.name) {
-          setLoadingData(false);
-          return prevState;
+  const { data, error, isLoading, isFetching } = useQuery({
+    queryKey: ["podLogs", podKey, currCluster],
+    queryFn: async () => {
+      const requests = containersList.map((container) => {
+        if (pod?.metadata?.name && pod?.metadata?.namespace && container) {
+          return kubernetesProxyApi.getPodLogs({
+            podName: pod.metadata.name,
+            namespace: pod.metadata.namespace,
+            containerName: container.name,
+            clusterName: currCluster
+          });
         }
-        setLoadingData(true);
-        return pod?.metadata?.name || "";
-      });
-    }
-    return () => {
-      mounted = false;
-    };
-  }, [loading, pod]);
-  return { value, error, loading: loadingData };
+        return Promise.resolve({ text: "" });
+      }).filter(Boolean);
+      return Promise.all(requests);
+    },
+    enabled: !!pod?.metadata?.name && containersList.length > 0,
+    refetchInterval: stopPolling ? false : intervalMs,
+    staleTime: 6e4
+    // Keep the data fresh for 1 minute instead of constantly refetching.
+  });
+  return {
+    value: data,
+    error,
+    loading: isLoading || isFetching
+  };
 };
 
 export { usePodLogsOfPipelineRun };

package/dist/hooks/usePodLogsOfPipelineRun.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePodLogsOfPipelineRun.esm.js","sources":["../../src/hooks/usePodLogsOfPipelineRun.ts"],"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 useAsyncRetry from 'react-use/lib/useAsyncRetry';\nimport useInterval from 'react-use/lib/useInterval';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { V1Container, V1Pod } from '@kubernetes/client-node';\n\nimport {\n  kubernetesProxyApiRef,\n  TektonResourcesContextData,\n} from '../types/types';\nimport { TektonResourcesContext } from './TektonResourcesContext';\n\nexport interface ContainerScope {\n  podName: string;\n  podNamespace: string;\n  clusterName: string;\n  containerName: string;\n}\n\ninterface PodLogsOptions {\n  pod: V1Pod;\n  intervalMs?: number;\n}\n\nexport const usePodLogsOfPipelineRun = ({\n  pod,\n  intervalMs = 5000,\n}: PodLogsOptions) => {\n  const [loadingData, setLoadingData] = React.useState<boolean>(true);\n  const [, setPodInfo] = React.useState<string>(pod?.metadata?.name ?? '');\n  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);\n  const { clusters, selectedCluster } =\n    React.useContext<TektonResourcesContextData>(TektonResourcesContext);\n  const currCluster =\n    (clusters.length > 0 && clusters[selectedCluster || 0]) || '';\n  const containersList = pod?.spec?.containers || [];\n  const getLogs = React.useCallback(\n    async (podScope: ContainerScope): Promise<{ text: string }> => {\n      const { podName, podNamespace, containerName, clusterName } = podScope;\n      return await kubernetesProxyApi.getPodLogs({\n        podName: podName,\n        namespace: podNamespace,\n        containerName: containerName,\n        clusterName: clusterName,\n      });\n    },\n    [kubernetesProxyApi],\n  );\n\n  const { value, error, loading, retry } = useAsyncRetry(async () => {\n    const requests: Promise<{\n      text: string;\n    }>[] = [];\n    containersList.map((container: V1Container, _idx: any) => {\n      if (pod?.metadata?.name && pod?.metadata?.namespace && container) {\n        const podScope = {\n          containerName: container.name,\n          podName: pod.metadata.name,\n          podNamespace: pod.metadata.namespace,\n          clusterName: currCluster,\n        };\n        requests.push(getLogs(podScope));\n      }\n    });\n    return requests.length > 0 ? Promise.all(requests) : [];\n  }, [containersList, pod, getLogs]);\n\n  const stopPolling =\n    pod?.status?.phase === 'Succeeded' || pod?.status?.phase === 'Failed';\n\n  useInterval(() => retry(), stopPolling ? null : intervalMs);\n\n  React.useEffect(() => {\n    let mounted = true;\n    if (!loading && mounted) {\n      setPodInfo(prevState => {\n        if (prevState === pod?.metadata?.name) {\n          setLoadingData(false);\n          return prevState;\n        }\n        setLoadingData(true);\n        return pod?.metadata?.name || '';\n      });\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [loading, pod]);\n\n  return { value, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyCO,MAAM,0BAA0B,CAAC;AAAA,EACtC,GAAA;AAAA,EACA,UAAa,GAAA;AACf,CAAsB,KAAA;AACpB,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAM,MAAA,GAAG,UAAU,CAAA,GAAIA,eAAM,QAAiB,CAAA,GAAA,EAAK,QAAU,EAAA,IAAA,IAAQ,EAAE,CAAA;AACvE,EAAM,MAAA,kBAAA,GAAqB,OAAO,qBAAqB,CAAA;AACvD,EAAA,MAAM,EAAE,QAAU,EAAA,eAAA,EAChB,GAAAA,cAAA,CAAM,WAAuC,sBAAsB,CAAA;AACrE,EAAA,MAAM,cACH,QAAS,CAAA,MAAA,GAAS,KAAK,QAAS,CAAA,eAAA,IAAmB,CAAC,CAAM,IAAA,EAAA;AAC7D,EAAA,MAAM,cAAiB,GAAA,GAAA,EAAK,IAAM,EAAA,UAAA,IAAc,EAAC;AACjD,EAAA,MAAM,UAAUA,cAAM,CAAA,WAAA;AAAA,IACpB,OAAO,QAAwD,KAAA;AAC7D,MAAA,MAAM,EAAE,OAAA,EAAS,YAAc,EAAA,aAAA,EAAe,aAAgB,GAAA,QAAA;AAC9D,MAAO,OAAA,MAAM,mBAAmB,UAAW,CAAA;AAAA,QACzC,OAAA;AAAA,QACA,SAAW,EAAA,YAAA;AAAA,QACX,aAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,kBAAkB;AAAA,GACrB;AAEA,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,SAAS,KAAM,EAAA,GAAI,cAAc,YAAY;AACjE,IAAA,MAAM,WAEC,EAAC;AACR,IAAe,cAAA,CAAA,GAAA,CAAI,CAAC,SAAA,EAAwB,IAAc,KAAA;AACxD,MAAA,IAAI,KAAK,QAAU,EAAA,IAAA,IAAQ,GAAK,EAAA,QAAA,EAAU,aAAa,SAAW,EAAA;AAChE,QAAA,MAAM,QAAW,GAAA;AAAA,UACf,eAAe,SAAU,CAAA,IAAA;AAAA,UACzB,OAAA,EAAS,IAAI,QAAS,CAAA,IAAA;AAAA,UACtB,YAAA,EAAc,IAAI,QAAS,CAAA,SAAA;AAAA,UAC3B,WAAa,EAAA;AAAA,SACf;AACA,QAAS,QAAA,CAAA,IAAA,CAAK,OAAQ,CAAA,QAAQ,CAAC,CAAA;AAAA;AACjC,KACD,CAAA;AACD,IAAA,OAAO,SAAS,MAAS,GAAA,CAAA,GAAI,QAAQ,GAAI,CAAA,QAAQ,IAAI,EAAC;AAAA,GACrD,EAAA,CAAC,cAAgB,EAAA,GAAA,EAAK,OAAO,CAAC,CAAA;AAEjC,EAAA,MAAM,cACJ,GAAK,EAAA,MAAA,EAAQ,UAAU,WAAe,IAAA,GAAA,EAAK,QAAQ,KAAU,KAAA,QAAA;AAE/D,EAAA,WAAA,CAAY,MAAM,KAAA,EAAS,EAAA,WAAA,GAAc,OAAO,UAAU,CAAA;AAE1D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,UAAA,CAAW,CAAa,SAAA,KAAA;AACtB,QAAI,IAAA,SAAA,KAAc,GAAK,EAAA,QAAA,EAAU,IAAM,EAAA;AACrC,UAAA,cAAA,CAAe,KAAK,CAAA;AACpB,UAAO,OAAA,SAAA;AAAA;AAET,QAAA,cAAA,CAAe,IAAI,CAAA;AACnB,QAAO,OAAA,GAAA,EAAK,UAAU,IAAQ,IAAA,EAAA;AAAA,OAC/B,CAAA;AAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,GAAG,CAAC,CAAA;AAEjB,EAAA,OAAO,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAC9C;;;;"}
+{"version":3,"file":"usePodLogsOfPipelineRun.esm.js","sources":["../../src/hooks/usePodLogsOfPipelineRun.ts"],"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 } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { V1Container, V1Pod } from '@kubernetes/client-node';\n\nimport {\n  kubernetesProxyApiRef,\n  TektonResourcesContextData,\n} from '../types/types';\nimport { TektonResourcesContext } from './TektonResourcesContext';\n\nexport interface ContainerScope {\n  podName: string;\n  podNamespace: string;\n  clusterName: string;\n  containerName: string;\n}\n\ninterface PodLogsOptions {\n  pod: V1Pod;\n  intervalMs?: number;\n}\n\nexport const usePodLogsOfPipelineRun = ({\n  pod,\n  intervalMs = 5000,\n}: PodLogsOptions) => {\n  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);\n  const { clusters, selectedCluster } = useContext<TektonResourcesContextData>(\n    TektonResourcesContext,\n  );\n  const currCluster =\n    (clusters.length > 0 && clusters[selectedCluster || 0]) || '';\n  const containersList = pod?.spec?.containers || [];\n\n  const podKey = pod?.metadata?.name;\n  const stopPolling =\n    pod?.status?.phase === 'Succeeded' || pod?.status?.phase === 'Failed';\n\n  const { data, error, isLoading, isFetching } = useQuery({\n    queryKey: ['podLogs', podKey, currCluster],\n    queryFn: async () => {\n      const requests = containersList\n        .map((container: V1Container) => {\n          if (pod?.metadata?.name && pod?.metadata?.namespace && container) {\n            return kubernetesProxyApi.getPodLogs({\n              podName: pod.metadata.name,\n              namespace: pod.metadata.namespace,\n              containerName: container.name,\n              clusterName: currCluster,\n            });\n          }\n\n          return Promise.resolve({ text: '' });\n        })\n        .filter(Boolean);\n\n      return Promise.all(requests);\n    },\n    enabled: !!pod?.metadata?.name && containersList.length > 0,\n    refetchInterval: stopPolling ? false : intervalMs,\n    staleTime: 60000, // Keep the data fresh for 1 minute instead of constantly refetching.\n  });\n\n  return {\n    value: data,\n    error,\n    loading: isLoading || isFetching,\n  };\n};\n"],"names":[],"mappings":";;;;;;AAsCO,MAAM,0BAA0B,CAAC;AAAA,EACtC,GAAA;AAAA,EACA,UAAa,GAAA;AACf,CAAsB,KAAA;AACpB,EAAM,MAAA,kBAAA,GAAqB,OAAO,qBAAqB,CAAA;AACvD,EAAM,MAAA,EAAE,QAAU,EAAA,eAAA,EAAoB,GAAA,UAAA;AAAA,IACpC;AAAA,GACF;AACA,EAAA,MAAM,cACH,QAAS,CAAA,MAAA,GAAS,KAAK,QAAS,CAAA,eAAA,IAAmB,CAAC,CAAM,IAAA,EAAA;AAC7D,EAAA,MAAM,cAAiB,GAAA,GAAA,EAAK,IAAM,EAAA,UAAA,IAAc,EAAC;AAEjD,EAAM,MAAA,MAAA,GAAS,KAAK,QAAU,EAAA,IAAA;AAC9B,EAAA,MAAM,cACJ,GAAK,EAAA,MAAA,EAAQ,UAAU,WAAe,IAAA,GAAA,EAAK,QAAQ,KAAU,KAAA,QAAA;AAE/D,EAAA,MAAM,EAAE,IAAM,EAAA,KAAA,EAAO,SAAW,EAAA,UAAA,KAAe,QAAS,CAAA;AAAA,IACtD,QAAU,EAAA,CAAC,SAAW,EAAA,MAAA,EAAQ,WAAW,CAAA;AAAA,IACzC,SAAS,YAAY;AACnB,MAAA,MAAM,QAAW,GAAA,cAAA,CACd,GAAI,CAAA,CAAC,SAA2B,KAAA;AAC/B,QAAA,IAAI,KAAK,QAAU,EAAA,IAAA,IAAQ,GAAK,EAAA,QAAA,EAAU,aAAa,SAAW,EAAA;AAChE,UAAA,OAAO,mBAAmB,UAAW,CAAA;AAAA,YACnC,OAAA,EAAS,IAAI,QAAS,CAAA,IAAA;AAAA,YACtB,SAAA,EAAW,IAAI,QAAS,CAAA,SAAA;AAAA,YACxB,eAAe,SAAU,CAAA,IAAA;AAAA,YACzB,WAAa,EAAA;AAAA,WACd,CAAA;AAAA;AAGH,QAAA,OAAO,OAAQ,CAAA,OAAA,CAAQ,EAAE,IAAA,EAAM,IAAI,CAAA;AAAA,OACpC,CACA,CAAA,MAAA,CAAO,OAAO,CAAA;AAEjB,MAAO,OAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA;AAAA,KAC7B;AAAA,IACA,SAAS,CAAC,CAAC,KAAK,QAAU,EAAA,IAAA,IAAQ,eAAe,MAAS,GAAA,CAAA;AAAA,IAC1D,eAAA,EAAiB,cAAc,KAAQ,GAAA,UAAA;AAAA,IACvC,SAAW,EAAA;AAAA;AAAA,GACZ,CAAA;AAED,EAAO,OAAA;AAAA,IACL,KAAO,EAAA,IAAA;AAAA,IACP,KAAA;AAAA,IACA,SAAS,SAAa,IAAA;AAAA,GACxB;AACF;;;;"}