@backstage-community/plugin-tekton-react 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @backstage-community/plugin-tekton-react
+
+## 0.1.0
+
+### Minor Changes
+
+- 477b7e1: Migrate shared-react usage to tekton-react

package/README.md

@@ -0,0 +1,5 @@
+# @backstage-community/plugin-tekton-react
+
+Welcome to the web library package for the tekton plugin!
+
+_This plugin was created through the Backstage CLI_

package/dist/components/pipeline/HorizontalStackedBars.esm.js

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+
+const HorizontalStackedBars = ({
+  id,
+  barGap,
+  height,
+  inline,
+  values,
+  width,
+  onClick
+}) => {
+  const rootStyle = {
+    display: inline ? "inline-block" : "block",
+    height,
+    width,
+    overflow: "hidden",
+    cursor: onClick ? "pointer" : "default"
+  };
+  const barsStyle = {
+    display: "flex",
+    flexDirection: "row",
+    height: "100%",
+    width: `calc(100% + ${barGap}px)`,
+    outline: "none"
+  };
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: `horizontal-stacked-bars-${id}`,
+        "data-testid": `horizontal-stacked-bars-${id}`,
+        style: rootStyle,
+        onClick,
+        children: /* @__PURE__ */ jsx("div", { style: barsStyle, children: values.map(({ color, name, size }) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              background: color,
+              flexGrow: size,
+              height: "100%",
+              boxShadow: `inset ${barGap}px 0 0 #fff`,
+              transition: "flex-grow 300ms linear"
+            }
+          },
+          name
+        )) })
+      }
+    )
+  );
+};
+
+export { HorizontalStackedBars };
+//# sourceMappingURL=HorizontalStackedBars.esm.js.map

package/dist/components/pipeline/HorizontalStackedBars.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalStackedBars.esm.js","sources":["../../../src/components/pipeline/HorizontalStackedBars.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CSSProperties } from 'react';\n\n/**\n * The stacked value for the horizontal stacked bars.\n *\n * @public\n */\nexport type StackedValue = {\n  color: string;\n  name: string;\n  size: number;\n};\n\n/**\n * Props for the HorizontalStackedBars component.\n *\n * @public\n */\nexport type HorizontalStackedBarsProps = {\n  id: string;\n  barGap?: number;\n  height?: number | string;\n  inline?: boolean;\n  values: StackedValue[];\n  width?: number | string;\n  onClick?: () => void;\n};\n\n/**\n * The HorizontalStackedBars component is used to display a horizontal stacked bar chart.\n *\n * @public\n */\nexport const HorizontalStackedBars = ({\n  id,\n  barGap,\n  height,\n  inline,\n  values,\n  width,\n  onClick,\n}: HorizontalStackedBarsProps) => {\n  const rootStyle: CSSProperties = {\n    display: inline ? 'inline-block' : 'block',\n    height,\n    width,\n    overflow: 'hidden',\n    cursor: onClick ? 'pointer' : 'default',\n  };\n\n  const barsStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'row',\n    height: '100%',\n    width: `calc(100% + ${barGap}px)`,\n    outline: 'none',\n  };\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      id={`horizontal-stacked-bars-${id}`}\n      data-testid={`horizontal-stacked-bars-${id}`}\n      style={rootStyle}\n      onClick={onClick}\n    >\n      <div style={barsStyle}>\n        {values.map(({ color, name, size }) => (\n          <div\n            key={name}\n            style={{\n              background: color,\n              flexGrow: size,\n              height: '100%',\n              boxShadow: `inset ${barGap}px 0 0 #fff`,\n              transition: 'flex-grow 300ms linear',\n            }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAiDO,MAAM,wBAAwB,CAAC;AAAA,EACpC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,KAAkC;AAChC,EAAA,MAAM,SAAA,GAA2B;AAAA,IAC/B,OAAA,EAAS,SAAS,cAAA,GAAiB,OAAA;AAAA,IACnC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,EAAU,QAAA;AAAA,IACV,MAAA,EAAQ,UAAU,SAAA,GAAY;AAAA,GAChC;AAEA,EAAA,MAAM,SAAA,GAA2B;AAAA,IAC/B,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,MAAA,EAAQ,MAAA;AAAA,IACR,KAAA,EAAO,eAAe,MAAM,CAAA,GAAA,CAAA;AAAA,IAC5B,OAAA,EAAS;AAAA,GACX;AAEA,EAAA;AAAA;AAAA,oBAEE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,2BAA2B,EAAE,CAAA,CAAA;AAAA,QACjC,aAAA,EAAa,2BAA2B,EAAE,CAAA,CAAA;AAAA,QAC1C,KAAA,EAAO,SAAA;AAAA,QACP,OAAA;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,SAAA,EACT,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,EAAE,KAAA,EAAO,IAAA,EAAM,IAAA,EAAK,qBAC/B,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YAEC,KAAA,EAAO;AAAA,cACL,UAAA,EAAY,KAAA;AAAA,cACZ,QAAA,EAAU,IAAA;AAAA,cACV,MAAA,EAAQ,MAAA;AAAA,cACR,SAAA,EAAW,SAAS,MAAM,CAAA,WAAA,CAAA;AAAA,cAC1B,UAAA,EAAY;AAAA;AACd,WAAA;AAAA,UAPK;AAAA,SASR,CAAA,EACH;AAAA;AAAA;AACF;AAEJ;;;;"}

package/dist/components/pipeline/TaskStatusTooltip.esm.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import { ComputedStatus } from '../../types/pipeline/computedStatus.esm.js';
+import { getRunStatusColor } from '../../utils/pipeline/pipeline.esm.js';
+
+const TaskStatusTooltip = ({ taskStatus }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "inline-grid",
+        gridTemplateColumns: "1rem auto",
+        gridGap: "0.5rem",
+        textAlign: "left"
+      },
+      children: Object.keys(ComputedStatus).map((status) => {
+        const { message, color } = getRunStatusColor(status);
+        if (!taskStatus[status]) {
+          return null;
+        }
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                backgroundColor: color,
+                height: "1rem",
+                width: "1rem"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { children: status === ComputedStatus.PipelineNotStarted || status === ComputedStatus.FailedToStart ? message : `${taskStatus[status]} ${message}` })
+        ] }, status);
+      })
+    }
+  );
+};
+
+export { TaskStatusTooltip };
+//# sourceMappingURL=TaskStatusTooltip.esm.js.map

package/dist/components/pipeline/TaskStatusTooltip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskStatusTooltip.esm.js","sources":["../../../src/components/pipeline/TaskStatusTooltip.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Fragment } from 'react';\n\nimport { ComputedStatus, TaskStatusTypes } from '../../types';\nimport { getRunStatusColor } from '../../utils';\n\n/**\n * Props for the TaskStatusTooltip component.\n *\n * @public\n */\nexport interface TaskStatusToolTipProps {\n  /** The task status. */\n  taskStatus: TaskStatusTypes;\n}\n\n/**\n * The TaskStatusTooltip component is used to display a tooltip with the status of a task.\n *\n * @param taskStatus - The task status.\n * @public\n */\nexport const TaskStatusTooltip = ({ taskStatus }: TaskStatusToolTipProps) => {\n  return (\n    <div\n      style={{\n        display: 'inline-grid',\n        gridTemplateColumns: '1rem auto',\n        gridGap: '0.5rem',\n        textAlign: 'left',\n      }}\n    >\n      {Object.keys(ComputedStatus).map(status => {\n        const { message, color } = getRunStatusColor(status);\n\n        if (!taskStatus[status as keyof TaskStatusTypes]) {\n          return null;\n        }\n\n        return (\n          <Fragment key={status}>\n            <div\n              style={{\n                backgroundColor: color,\n                height: '1rem',\n                width: '1rem',\n              }}\n            />\n            <div>\n              {status === ComputedStatus.PipelineNotStarted ||\n              status === ComputedStatus.FailedToStart\n                ? message\n                : `${taskStatus[status as keyof TaskStatusTypes]} ${message}`}\n            </div>\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqCO,MAAM,iBAAA,GAAoB,CAAC,EAAE,UAAA,EAAW,KAA8B;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,aAAA;AAAA,QACT,mBAAA,EAAqB,WAAA;AAAA,QACrB,OAAA,EAAS,QAAA;AAAA,QACT,SAAA,EAAW;AAAA,OACb;AAAA,MAEC,QAAA,EAAA,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE,IAAI,CAAA,MAAA,KAAU;AACzC,QAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAM,GAAI,kBAAkB,MAAM,CAAA;AAEnD,QAAA,IAAI,CAAC,UAAA,CAAW,MAA+B,CAAA,EAAG;AAChD,UAAA,OAAO,IAAA;AAAA,QACT;AAEA,QAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,eAAA,EAAiB,KAAA;AAAA,gBACjB,MAAA,EAAQ,MAAA;AAAA,gBACR,KAAA,EAAO;AAAA;AACT;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,KAAA,EAAA,EACE,QAAA,EAAA,MAAA,KAAW,cAAA,CAAe,sBAC3B,MAAA,KAAW,cAAA,CAAe,aAAA,GACtB,OAAA,GACA,GAAG,UAAA,CAAW,MAA+B,CAAC,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA,EAC/D;AAAA,SAAA,EAAA,EAba,MAcf,CAAA;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/constants/index.esm.js

@@ -0,0 +1,11 @@
+const colors = {
+  skipped: "#8a8d90",
+  cancelled: "#6a6e73",
+  pending: "#8bc1f7",
+  running: "#06c",
+  success: "#38812f",
+  failure: "#c9190b"
+};
+
+export { colors };
+//# sourceMappingURL=index.esm.js.map

package/dist/constants/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../src/constants/index.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const colors = {\n  skipped: '#8a8d90',\n  cancelled: '#6a6e73',\n  pending: '#8bc1f7',\n  running: '#06c',\n  success: '#38812f',\n  failure: '#c9190b',\n};\n"],"names":[],"mappings":"AAgBO,MAAM,MAAA,GAAS;AAAA,EACpB,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;AACX;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,610 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { V1ObjectMeta, V1PersistentVolumeClaimTemplate, V1ConfigMap, V1Secret } from '@kubernetes/client-node';
+
+/**
+ * The stacked value for the horizontal stacked bars.
+ *
+ * @public
+ */
+type StackedValue = {
+    color: string;
+    name: string;
+    size: number;
+};
+/**
+ * Props for the HorizontalStackedBars component.
+ *
+ * @public
+ */
+type HorizontalStackedBarsProps = {
+    id: string;
+    barGap?: number;
+    height?: number | string;
+    inline?: boolean;
+    values: StackedValue[];
+    width?: number | string;
+    onClick?: () => void;
+};
+/**
+ * The HorizontalStackedBars component is used to display a horizontal stacked bar chart.
+ *
+ * @public
+ */
+declare const HorizontalStackedBars: ({ id, barGap, height, inline, values, width, onClick, }: HorizontalStackedBarsProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * The parameters for the task.
+ *
+ * @public
+ */
+type TektonParam = {
+    default?: string | string[];
+    description?: string;
+    name: string;
+    type?: string;
+};
+/**
+ * The resources for the task.
+ *
+ * @public
+ */
+type TektonResource = {
+    name: string;
+    optional?: boolean;
+    type: string;
+};
+/**
+ * The workspaces for the task.
+ *
+ * @public
+ */
+type TektonWorkspace = {
+    name: string;
+    description?: string;
+    mountPath?: string;
+    readOnly?: boolean;
+    optional?: boolean;
+};
+/**
+ * The resource group for the task.
+ *
+ * @public
+ */
+type TektonResourceGroup<ResourceType> = {
+    inputs?: ResourceType[];
+    outputs?: ResourceType[];
+};
+/**
+ * The steps for the task.
+ *
+ * @public
+ */
+type TektonTaskSteps = {
+    name: string;
+    args?: string[];
+    command?: string[];
+    image?: string;
+    resources?: {}[] | {};
+    env?: {
+        name: string;
+        value?: string;
+    }[];
+    script?: string;
+    workingDir?: string;
+    volumeMounts?: {
+        name: string;
+        mountPath: string;
+    }[];
+};
+/**
+ * The results for the task.
+ *
+ * @public
+ */
+type TaskResult = {
+    name: string;
+    description?: string;
+};
+/**
+ * The specification for the task.
+ *
+ * @public
+ */
+type TektonTaskSpec = {
+    metadata?: {};
+    description?: string;
+    steps: TektonTaskSteps[];
+    params?: TektonParam[];
+    resources?: TektonResourceGroup<TektonResource>;
+    results?: TaskResult[];
+    workspaces?: TektonWorkspace[];
+};
+/**
+ * The results for the task run.
+ *
+ * @public
+ */
+type TektonResultsRun = {
+    name: string;
+    type?: string;
+    value: string;
+};
+/**
+ * The reference for the task.
+ *
+ * @public
+ */
+type PipelineTaskRef = {
+    kind?: string;
+    name: string;
+};
+/**
+ * The workspace for the task.
+ *
+ * @public
+ */
+type PipelineTaskWorkspace = {
+    name: string;
+    workspace: string;
+    optional?: boolean;
+};
+/**
+ * The resource for the task.
+ *
+ * @public
+ */
+type PipelineTaskResource = {
+    name: string;
+    resource?: string;
+    from?: string[];
+};
+/**
+ * The parameters for the task.
+ *
+ * @public
+ */
+type PipelineTaskParam = {
+    name: string;
+    value: any;
+};
+/**
+ * The when expression for the task.
+ *
+ * @public
+ */
+type WhenExpression = {
+    input: string;
+    operator: string;
+    values: string[];
+};
+/**
+ * The result for the task.
+ *
+ * @public
+ */
+type PipelineResult = {
+    name: string;
+    value: string;
+    description?: string;
+};
+/**
+ * The task for the pipeline.
+ *
+ * @public
+ */
+type PipelineTask = {
+    name: string;
+    params?: PipelineTaskParam[];
+    resources?: TektonResourceGroup<PipelineTaskResource>;
+    runAfter?: string[];
+    taskRef?: PipelineTaskRef;
+    taskSpec?: TektonTaskSpec;
+    when?: WhenExpression[];
+    workspaces?: PipelineTaskWorkspace[];
+};
+/**
+ * The specification for the pipeline.
+ *
+ * @public
+ */
+type PipelineSpec = {
+    params?: TektonParam[];
+    resources?: TektonResource[];
+    serviceAccountName?: string;
+    tasks: PipelineTask[];
+    workspaces?: TektonWorkspace[];
+    finally?: PipelineTask[];
+    results?: PipelineResult[];
+};
+/**
+ * The condition for the pipeline.
+ *
+ * @public
+ */
+type Condition = {
+    type: string;
+    status: string;
+    reason?: string;
+    message?: string;
+    lastTransitionTime?: string;
+};
+
+/**
+ * The reasons for the terminated status.
+ *
+ * @public
+ */
+declare enum TerminatedReasons {
+    /** Task has been completed */
+    Completed = "Completed"
+}
+/**
+ * The computed status of a task.
+ *
+ * @public
+ */
+declare enum ComputedStatus {
+    /** All statuses */
+    All = "All",
+    /** Task is being cancelled */
+    Cancelling = "Cancelling",
+    /** Task has succeeded */
+    Succeeded = "Succeeded",
+    /** Task has failed */
+    Failed = "Failed",
+    /** Task is running */
+    Running = "Running",
+    /** Task is in progress */
+    'In Progress' = "In Progress",
+    /** Task failed to start */
+    FailedToStart = "FailedToStart",
+    /** Task is not started */
+    PipelineNotStarted = "PipelineNotStarted",
+    /** Task has been skipped */
+    Skipped = "Skipped",
+    /** Task has been cancelled */
+    Cancelled = "Cancelled",
+    /** Task is pending */
+    Pending = "Pending",
+    /** Task is idle */
+    Idle = "Idle",
+    /** Task is other */
+    Other = "Other"
+}
+/**
+ * The reasons for the succeed condition.
+ *
+ * @public
+ */
+declare enum SucceedConditionReason {
+    /** Pipeline run has been cancelled */
+    PipelineRunCancelled = "StoppedRunFinally",
+    /** Pipeline run has been stopped */
+    PipelineRunStopped = "CancelledRunFinally",
+    /** Task run has been cancelled */
+    TaskRunCancelled = "TaskRunCancelled",
+    /** Task has been cancelled */
+    Cancelled = "Cancelled",
+    /** Pipeline run is stopping */
+    PipelineRunStopping = "PipelineRunStopping",
+    /** Pipeline run is pending */
+    PipelineRunPending = "PipelineRunPending",
+    /** Task run is stopping */
+    TaskRunStopping = "TaskRunStopping",
+    /** Task run has been created container config error */
+    CreateContainerConfigError = "CreateContainerConfigError",
+    /** Task run has exceeded node resources */
+    ExceededNodeResources = "ExceededNodeResources",
+    /** Task run has exceeded resource quota */
+    ExceededResourceQuota = "ExceededResourceQuota",
+    /** Task run has been condition check failed */
+    ConditionCheckFailed = "ConditionCheckFailed"
+}
+/**
+ * The message for the status.
+ *
+ * @public
+ */
+type StatusMessage = {
+    message: string;
+    color: string;
+};
+/**
+ * The task status types.
+ *
+ * @public
+ */
+type TaskStatusTypes = {
+    PipelineNotStarted: number;
+    Pending: number;
+    Running: number;
+    Succeeded: number;
+    Cancelled: number;
+    Failed: number;
+    Skipped: number;
+};
+
+/**
+ * The step for the task run.
+ *
+ * @public
+ */
+type PLRTaskRunStep = {
+    container: string;
+    imageID?: string;
+    name: string;
+    waiting?: {
+        reason: string;
+    };
+    running?: {
+        startedAt: string;
+    };
+    terminated?: {
+        containerID: string;
+        exitCode: number;
+        finishedAt: string;
+        reason: string;
+        startedAt: string;
+        message?: string;
+    };
+};
+/**
+ * The parameters for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunParam = {
+    name: string;
+    value: string | string[];
+    input?: string;
+    output?: string;
+    resource?: object;
+};
+/**
+ * The workspace for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunWorkspace = {
+    name: string;
+    [volumeType: string]: {};
+};
+/**
+ * The embedded resource parameter for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunEmbeddedResourceParam = {
+    name: string;
+    value: string;
+};
+/**
+ * The embedded resource for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunEmbeddedResource = {
+    name: string;
+    resourceSpec: {
+        params: PipelineRunEmbeddedResourceParam[];
+        type: string;
+    };
+};
+/**
+ * The reference resource for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunReferenceResource = {
+    name: string;
+    resourceRef: {
+        name: string;
+    };
+};
+/**
+ * The resource for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunResource = PipelineRunReferenceResource | PipelineRunEmbeddedResource;
+/**
+ * The data for the task run.
+ *
+ * @public
+ */
+type PLRTaskRunData = {
+    pipelineTaskName: string;
+    status?: {
+        completionTime?: string;
+        conditions: Condition[];
+        podName: string;
+        startTime: string;
+        steps?: PLRTaskRunStep[];
+        taskSpec?: TektonTaskSpec;
+        taskResults?: {
+            name: string;
+            value: string;
+            type?: string;
+        }[];
+    };
+};
+/**
+ * The task runs for the pipeline run.
+ *
+ * @public
+ */
+type PLRTaskRuns = {
+    [taskRunName: string]: PLRTaskRunData;
+};
+/**
+ * The status for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunStatus = {
+    succeededCondition?: string;
+    creationTimestamp?: string;
+    conditions?: Condition[];
+    startTime?: string;
+    completionTime?: string;
+    taskRuns?: PLRTaskRuns;
+    pipelineSpec: PipelineSpec;
+    skippedTasks?: {
+        name: string;
+    }[];
+    pipelineResults?: TektonResultsRun[];
+    results?: TektonResultsRun[];
+};
+/**
+ * The kind for the pipeline run.
+ *
+ * @public
+ */
+type PipelineRunKind = {
+    apiVersion?: string;
+    kind?: string;
+    metadata?: V1ObjectMeta;
+    spec: {
+        pipelineRef?: {
+            name: string;
+        };
+        pipelineSpec?: PipelineSpec;
+        params?: PipelineRunParam[];
+        workspaces?: PipelineRunWorkspace[];
+        resources?: PipelineRunResource[];
+        serviceAccountName?: string;
+        timeout?: string;
+        status?: string;
+    };
+    status?: PipelineRunStatus;
+};
+/**
+ * The task with status for the pipeline run.
+ *
+ * @public
+ */
+type PipelineTaskWithStatus = PipelineTask & {
+    status: {
+        reason: string;
+        completionTime?: string;
+        conditions: Condition[];
+        podName?: string;
+        startTime?: string;
+        steps?: PLRTaskRunStep[];
+        taskSpec?: TektonTaskSpec;
+        taskResults?: {
+            name: string;
+            value: string;
+        }[];
+        duration?: string;
+    };
+};
+
+/**
+ * The volume type for the task run.
+ *
+ * @public
+ */
+type VolumeTypePVC = {
+    claimName: string;
+};
+/**
+ * The workspace for the task run.
+ *
+ * @public
+ */
+type TaskRunWorkspace = {
+    name: string;
+    volumeClaimTemplate?: V1PersistentVolumeClaimTemplate;
+    persistentVolumeClaim?: VolumeTypePVC;
+    configMap?: V1ConfigMap;
+    emptyDir?: {};
+    secret?: V1Secret;
+    subPath?: string;
+};
+/**
+ * The status for the task run.
+ *
+ * @public
+ */
+type TaskRunStatus = {
+    completionTime?: string;
+    conditions?: Condition[];
+    podName?: string;
+    startTime?: string;
+    steps?: PLRTaskRunStep[];
+    taskResults?: TektonResultsRun[];
+    results?: TektonResultsRun[];
+};
+/**
+ * The kind for the task run.
+ *
+ * @public
+ */
+type TaskRunKind = {
+    apiVersion?: string;
+    kind?: string;
+    metadata?: V1ObjectMeta;
+    spec: {
+        taskRef?: PipelineTaskRef;
+        taskSpec?: TektonTaskSpec;
+        serviceAccountName?: string;
+        params?: PipelineTaskParam[];
+        resources?: TektonResource[] | {};
+        timeout?: string;
+        workspaces?: TaskRunWorkspace[];
+    };
+    status?: TaskRunStatus;
+};
+
+/**
+ * Props for the TaskStatusTooltip component.
+ *
+ * @public
+ */
+interface TaskStatusToolTipProps {
+    /** The task status. */
+    taskStatus: TaskStatusTypes;
+}
+/**
+ * The TaskStatusTooltip component is used to display a tooltip with the status of a task.
+ *
+ * @param taskStatus - The task status.
+ * @public
+ */
+declare const TaskStatusTooltip: ({ taskStatus }: TaskStatusToolTipProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * The function to get the status color for the run.
+ *
+ * @public
+ */
+declare const getRunStatusColor: (status: string) => StatusMessage;
+/**
+ * The function to get the status for the pipeline run.
+ *
+ * @public
+ */
+declare const pipelineRunStatus: (pipelineRun: PipelineRunKind | TaskRunKind | PipelineTaskWithStatus | null) => ComputedStatus | null;
+/**
+ * The function to filter the pipeline run.
+ *
+ * @public
+ */
+declare const pipelineRunFilterReducer: (pipelineRun: PipelineRunKind | TaskRunKind) => ComputedStatus;
+/**
+ * The function to update the task status.
+ *
+ * @public
+ */
+declare const updateTaskStatus: (pipelinerun: PipelineRunKind | null, taskRuns: TaskRunKind[]) => TaskStatusTypes;
+
+/**
+ * The function to get the task runs for the pipeline run.
+ *
+ * @public
+ */
+declare const getTaskRunsForPipelineRun: (pipelinerun: PipelineRunKind | null, taskRuns: TaskRunKind[]) => TaskRunKind[];
+
+export { ComputedStatus, HorizontalStackedBars, SucceedConditionReason, TaskStatusTooltip, TerminatedReasons, getRunStatusColor, getTaskRunsForPipelineRun, pipelineRunFilterReducer, pipelineRunStatus, updateTaskStatus };
+export type { Condition, HorizontalStackedBarsProps, PLRTaskRunData, PLRTaskRunStep, PLRTaskRuns, PipelineResult, PipelineRunEmbeddedResource, PipelineRunEmbeddedResourceParam, PipelineRunKind, PipelineRunParam, PipelineRunReferenceResource, PipelineRunResource, PipelineRunStatus, PipelineRunWorkspace, PipelineSpec, PipelineTask, PipelineTaskParam, PipelineTaskRef, PipelineTaskResource, PipelineTaskWithStatus, PipelineTaskWorkspace, StackedValue, StatusMessage, TaskResult, TaskRunKind, TaskRunStatus, TaskRunWorkspace, TaskStatusToolTipProps, TaskStatusTypes, TektonParam, TektonResource, TektonResourceGroup, TektonResultsRun, TektonTaskSpec, TektonTaskSteps, TektonWorkspace, VolumeTypePVC, WhenExpression };

package/dist/index.esm.js

@@ -0,0 +1,6 @@
+export { HorizontalStackedBars } from './components/pipeline/HorizontalStackedBars.esm.js';
+export { TaskStatusTooltip } from './components/pipeline/TaskStatusTooltip.esm.js';
+export { ComputedStatus, SucceedConditionReason, TerminatedReasons } from './types/pipeline/computedStatus.esm.js';
+export { getRunStatusColor, pipelineRunFilterReducer, pipelineRunStatus, updateTaskStatus } from './utils/pipeline/pipeline.esm.js';
+export { getTaskRunsForPipelineRun } from './utils/pipeline/task-run.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/dist/types/pipeline/computedStatus.esm.js

@@ -0,0 +1,37 @@
+var TerminatedReasons = /* @__PURE__ */ ((TerminatedReasons2) => {
+  TerminatedReasons2["Completed"] = "Completed";
+  return TerminatedReasons2;
+})(TerminatedReasons || {});
+var ComputedStatus = /* @__PURE__ */ ((ComputedStatus2) => {
+  ComputedStatus2["All"] = "All";
+  ComputedStatus2["Cancelling"] = "Cancelling";
+  ComputedStatus2["Succeeded"] = "Succeeded";
+  ComputedStatus2["Failed"] = "Failed";
+  ComputedStatus2["Running"] = "Running";
+  ComputedStatus2["In Progress"] = "In Progress";
+  ComputedStatus2["FailedToStart"] = "FailedToStart";
+  ComputedStatus2["PipelineNotStarted"] = "PipelineNotStarted";
+  ComputedStatus2["Skipped"] = "Skipped";
+  ComputedStatus2["Cancelled"] = "Cancelled";
+  ComputedStatus2["Pending"] = "Pending";
+  ComputedStatus2["Idle"] = "Idle";
+  ComputedStatus2["Other"] = "Other";
+  return ComputedStatus2;
+})(ComputedStatus || {});
+var SucceedConditionReason = /* @__PURE__ */ ((SucceedConditionReason2) => {
+  SucceedConditionReason2["PipelineRunCancelled"] = "StoppedRunFinally";
+  SucceedConditionReason2["PipelineRunStopped"] = "CancelledRunFinally";
+  SucceedConditionReason2["TaskRunCancelled"] = "TaskRunCancelled";
+  SucceedConditionReason2["Cancelled"] = "Cancelled";
+  SucceedConditionReason2["PipelineRunStopping"] = "PipelineRunStopping";
+  SucceedConditionReason2["PipelineRunPending"] = "PipelineRunPending";
+  SucceedConditionReason2["TaskRunStopping"] = "TaskRunStopping";
+  SucceedConditionReason2["CreateContainerConfigError"] = "CreateContainerConfigError";
+  SucceedConditionReason2["ExceededNodeResources"] = "ExceededNodeResources";
+  SucceedConditionReason2["ExceededResourceQuota"] = "ExceededResourceQuota";
+  SucceedConditionReason2["ConditionCheckFailed"] = "ConditionCheckFailed";
+  return SucceedConditionReason2;
+})(SucceedConditionReason || {});
+
+export { ComputedStatus, SucceedConditionReason, TerminatedReasons };
+//# sourceMappingURL=computedStatus.esm.js.map

package/dist/types/pipeline/computedStatus.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computedStatus.esm.js","sources":["../../../src/types/pipeline/computedStatus.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * The reasons for the terminated status.\n *\n * @public\n */\nexport enum TerminatedReasons {\n  /** Task has been completed */\n  Completed = 'Completed',\n}\n\n/**\n * The computed status of a task.\n *\n * @public\n */\nexport enum ComputedStatus {\n  /** All statuses */\n  All = 'All',\n  /** Task is being cancelled */\n  Cancelling = 'Cancelling',\n  /** Task has succeeded */\n  Succeeded = 'Succeeded',\n  /** Task has failed */\n  Failed = 'Failed',\n  /** Task is running */\n  Running = 'Running',\n  /** Task is in progress */\n  'In Progress' = 'In Progress',\n  /** Task failed to start */\n  FailedToStart = 'FailedToStart',\n  /** Task is not started */\n  PipelineNotStarted = 'PipelineNotStarted',\n  /** Task has been skipped */\n  Skipped = 'Skipped',\n  /** Task has been cancelled */\n  Cancelled = 'Cancelled',\n  /** Task is pending */\n  Pending = 'Pending',\n  /** Task is idle */\n  Idle = 'Idle',\n  /** Task is other */\n  Other = 'Other',\n}\n\n/**\n * The reasons for the succeed condition.\n *\n * @public\n */\nexport enum SucceedConditionReason {\n  /** Pipeline run has been cancelled */\n  PipelineRunCancelled = 'StoppedRunFinally',\n  /** Pipeline run has been stopped */\n  PipelineRunStopped = 'CancelledRunFinally',\n  /** Task run has been cancelled */\n  TaskRunCancelled = 'TaskRunCancelled',\n  /** Task has been cancelled */\n  Cancelled = 'Cancelled',\n  /** Pipeline run is stopping */\n  PipelineRunStopping = 'PipelineRunStopping',\n  /** Pipeline run is pending */\n  PipelineRunPending = 'PipelineRunPending',\n  /** Task run is stopping */\n  TaskRunStopping = 'TaskRunStopping',\n  /** Task run has been created container config error */\n  CreateContainerConfigError = 'CreateContainerConfigError',\n  /** Task run has exceeded node resources */\n  ExceededNodeResources = 'ExceededNodeResources',\n  /** Task run has exceeded resource quota */\n  ExceededResourceQuota = 'ExceededResourceQuota',\n  /** Task run has been condition check failed */\n  ConditionCheckFailed = 'ConditionCheckFailed',\n}\n\n/**\n * The message for the status.\n *\n * @public\n */\nexport type StatusMessage = {\n  message: string;\n  color: string;\n};\n\n/**\n * The task status types.\n *\n * @public\n */\nexport type TaskStatusTypes = {\n  PipelineNotStarted: number;\n  Pending: number;\n  Running: number;\n  Succeeded: number;\n  Cancelled: number;\n  Failed: number;\n  Skipped: number;\n};\n"],"names":["TerminatedReasons","ComputedStatus","SucceedConditionReason"],"mappings":"AAqBO,IAAK,iBAAA,qBAAAA,kBAAAA,KAAL;AAEL,EAAAA,mBAAA,WAAA,CAAA,GAAY,WAAA;AAFF,EAAA,OAAAA,kBAAAA;AAAA,CAAA,EAAA,iBAAA,IAAA,EAAA;AAUL,IAAK,cAAA,qBAAAC,eAAAA,KAAL;AAEL,EAAAA,gBAAA,KAAA,CAAA,GAAM,KAAA;AAEN,EAAAA,gBAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,gBAAA,WAAA,CAAA,GAAY,WAAA;AAEZ,EAAAA,gBAAA,QAAA,CAAA,GAAS,QAAA;AAET,EAAAA,gBAAA,SAAA,CAAA,GAAU,SAAA;AAEV,EAAAA,gBAAA,aAAA,CAAA,GAAgB,aAAA;AAEhB,EAAAA,gBAAA,eAAA,CAAA,GAAgB,eAAA;AAEhB,EAAAA,gBAAA,oBAAA,CAAA,GAAqB,oBAAA;AAErB,EAAAA,gBAAA,SAAA,CAAA,GAAU,SAAA;AAEV,EAAAA,gBAAA,WAAA,CAAA,GAAY,WAAA;AAEZ,EAAAA,gBAAA,SAAA,CAAA,GAAU,SAAA;AAEV,EAAAA,gBAAA,MAAA,CAAA,GAAO,MAAA;AAEP,EAAAA,gBAAA,OAAA,CAAA,GAAQ,OAAA;AA1BE,EAAA,OAAAA,eAAAA;AAAA,CAAA,EAAA,cAAA,IAAA,EAAA;AAkCL,IAAK,sBAAA,qBAAAC,uBAAAA,KAAL;AAEL,EAAAA,wBAAA,sBAAA,CAAA,GAAuB,mBAAA;AAEvB,EAAAA,wBAAA,oBAAA,CAAA,GAAqB,qBAAA;AAErB,EAAAA,wBAAA,kBAAA,CAAA,GAAmB,kBAAA;AAEnB,EAAAA,wBAAA,WAAA,CAAA,GAAY,WAAA;AAEZ,EAAAA,wBAAA,qBAAA,CAAA,GAAsB,qBAAA;AAEtB,EAAAA,wBAAA,oBAAA,CAAA,GAAqB,oBAAA;AAErB,EAAAA,wBAAA,iBAAA,CAAA,GAAkB,iBAAA;AAElB,EAAAA,wBAAA,4BAAA,CAAA,GAA6B,4BAAA;AAE7B,EAAAA,wBAAA,uBAAA,CAAA,GAAwB,uBAAA;AAExB,EAAAA,wBAAA,uBAAA,CAAA,GAAwB,uBAAA;AAExB,EAAAA,wBAAA,sBAAA,CAAA,GAAuB,sBAAA;AAtBb,EAAA,OAAAA,uBAAAA;AAAA,CAAA,EAAA,sBAAA,IAAA,EAAA;;;;"}

package/dist/utils/pipeline/pipeline.esm.js

@@ -0,0 +1,125 @@
+import { colors } from '../../constants/index.esm.js';
+import { ComputedStatus, SucceedConditionReason } from '../../types/pipeline/computedStatus.esm.js';
+import { getTaskRunsForPipelineRun } from './task-run.esm.js';
+
+const getRunStatusColor = (status) => {
+  switch (status) {
+    case ComputedStatus.Succeeded:
+      return { message: "Succeeded", color: colors.success };
+    case ComputedStatus.Failed:
+      return { message: "Failed", color: colors.failure };
+    case ComputedStatus.FailedToStart:
+      return {
+        message: "PipelineRun failed to start",
+        color: colors.failure
+      };
+    case ComputedStatus.Running:
+    case ComputedStatus["In Progress"]:
+      return { message: "Running", color: colors.running };
+    case ComputedStatus.Skipped:
+      return { message: "Skipped", color: colors.skipped };
+    case ComputedStatus.Cancelled:
+      return { message: "Cancelled", color: colors.cancelled };
+    case ComputedStatus.Cancelling:
+      return { message: "Cancelling", color: colors.cancelled };
+    case ComputedStatus.Idle:
+    case ComputedStatus.Pending:
+      return { message: "Pending", color: colors.pending };
+    default:
+      return {
+        message: "PipelineRun not started yet",
+        color: colors.pending
+      };
+  }
+};
+const getSucceededStatus = (status) => {
+  if (status === "True") {
+    return ComputedStatus.Succeeded;
+  } else if (status === "False") {
+    return ComputedStatus.Failed;
+  }
+  return ComputedStatus.Running;
+};
+const pipelineRunStatus = (pipelineRun) => {
+  const conditions = pipelineRun?.status?.conditions || [];
+  if (conditions.length === 0) return null;
+  const succeedCondition = conditions.find((c) => c.type === "Succeeded");
+  const cancelledCondition = conditions.find(
+    (c) => c.reason === "Cancelled"
+  );
+  const failedCondition = conditions.find((c) => c.reason === "Failed");
+  if ([
+    SucceedConditionReason.PipelineRunStopped,
+    SucceedConditionReason.PipelineRunCancelled
+  ].includes(
+    pipelineRun?.spec?.status
+  ) && !cancelledCondition && !failedCondition) {
+    return ComputedStatus.Cancelling;
+  }
+  if (!succeedCondition?.status) {
+    return null;
+  }
+  const status = getSucceededStatus(succeedCondition.status);
+  if (succeedCondition.reason && succeedCondition.reason !== status) {
+    switch (succeedCondition.reason) {
+      case SucceedConditionReason.PipelineRunCancelled:
+      case SucceedConditionReason.TaskRunCancelled:
+      case SucceedConditionReason.Cancelled:
+      case SucceedConditionReason.PipelineRunStopped:
+        return ComputedStatus.Cancelled;
+      case SucceedConditionReason.PipelineRunStopping:
+      case SucceedConditionReason.TaskRunStopping:
+        return ComputedStatus.Failed;
+      case SucceedConditionReason.CreateContainerConfigError:
+      case SucceedConditionReason.ExceededNodeResources:
+      case SucceedConditionReason.ExceededResourceQuota:
+      case SucceedConditionReason.PipelineRunPending:
+        return ComputedStatus.Pending;
+      case SucceedConditionReason.ConditionCheckFailed:
+        return ComputedStatus.Skipped;
+      default:
+        return status;
+    }
+  }
+  return status;
+};
+const pipelineRunFilterReducer = (pipelineRun) => {
+  const status = pipelineRunStatus(pipelineRun);
+  return status || ComputedStatus.Other;
+};
+const updateTaskStatus = (pipelinerun, taskRuns) => {
+  const skippedTaskLength = pipelinerun?.status?.skippedTasks?.length || 0;
+  const PLRTaskRuns = getTaskRunsForPipelineRun(pipelinerun, taskRuns);
+  const taskStatus = {
+    PipelineNotStarted: 0,
+    Pending: 0,
+    Running: 0,
+    Succeeded: 0,
+    Failed: 0,
+    Cancelled: 0,
+    Skipped: skippedTaskLength
+  };
+  if (!PLRTaskRuns || PLRTaskRuns.length === 0) {
+    return taskStatus;
+  }
+  PLRTaskRuns.forEach((taskRun) => {
+    const status = taskRun && pipelineRunFilterReducer(taskRun);
+    if (status === "Succeeded") {
+      taskStatus[ComputedStatus.Succeeded]++;
+    } else if (status === "Running") {
+      taskStatus[ComputedStatus.Running]++;
+    } else if (status === "Failed") {
+      taskStatus[ComputedStatus.Failed]++;
+    } else if (status === "Cancelled") {
+      taskStatus[ComputedStatus.Cancelled]++;
+    } else {
+      taskStatus[ComputedStatus.Pending]++;
+    }
+  });
+  return {
+    ...taskStatus
+  };
+};
+
+export { getRunStatusColor, pipelineRunFilterReducer, pipelineRunStatus, updateTaskStatus };
+//# sourceMappingURL=pipeline.esm.js.map

package/dist/utils/pipeline/pipeline.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline.esm.js","sources":["../../../src/utils/pipeline/pipeline.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { colors } from '../../constants';\nimport {\n  ComputedStatus,\n  PipelineRunKind,\n  PipelineTaskWithStatus,\n  StatusMessage,\n  SucceedConditionReason,\n  TaskRunKind,\n  TaskStatusTypes,\n} from '../../types';\nimport { getTaskRunsForPipelineRun } from './task-run';\n\n/**\n * The function to get the status color for the run.\n *\n * @public\n */\nexport const getRunStatusColor = (status: string): StatusMessage => {\n  switch (status) {\n    case ComputedStatus.Succeeded:\n      return { message: 'Succeeded', color: colors.success };\n    case ComputedStatus.Failed:\n      return { message: 'Failed', color: colors.failure };\n    case ComputedStatus.FailedToStart:\n      return {\n        message: 'PipelineRun failed to start',\n        color: colors.failure,\n      };\n    case ComputedStatus.Running:\n    case ComputedStatus['In Progress']:\n      return { message: 'Running', color: colors.running };\n\n    case ComputedStatus.Skipped:\n      return { message: 'Skipped', color: colors.skipped };\n    case ComputedStatus.Cancelled:\n      return { message: 'Cancelled', color: colors.cancelled };\n    case ComputedStatus.Cancelling:\n      return { message: 'Cancelling', color: colors.cancelled };\n    case ComputedStatus.Idle:\n    case ComputedStatus.Pending:\n      return { message: 'Pending', color: colors.pending };\n    default:\n      return {\n        message: 'PipelineRun not started yet',\n        color: colors.pending,\n      };\n  }\n};\n\nconst getSucceededStatus = (status: string): ComputedStatus => {\n  if (status === 'True') {\n    return ComputedStatus.Succeeded;\n  } else if (status === 'False') {\n    return ComputedStatus.Failed;\n  }\n  return ComputedStatus.Running;\n};\n\n/**\n * The function to get the status for the pipeline run.\n *\n * @public\n */\nexport const pipelineRunStatus = (\n  pipelineRun: PipelineRunKind | TaskRunKind | PipelineTaskWithStatus | null,\n) => {\n  const conditions = pipelineRun?.status?.conditions || [];\n  if (conditions.length === 0) return null;\n\n  const succeedCondition = conditions.find((c: any) => c.type === 'Succeeded');\n  const cancelledCondition = conditions.find(\n    (c: any) => c.reason === 'Cancelled',\n  );\n  const failedCondition = conditions.find((c: any) => c.reason === 'Failed');\n\n  if (\n    [\n      SucceedConditionReason.PipelineRunStopped,\n      SucceedConditionReason.PipelineRunCancelled,\n    ].includes(\n      (pipelineRun as PipelineRunKind)?.spec?.status as SucceedConditionReason,\n    ) &&\n    !cancelledCondition &&\n    !failedCondition\n  ) {\n    return ComputedStatus.Cancelling;\n  }\n\n  if (!succeedCondition?.status) {\n    return null;\n  }\n\n  const status = getSucceededStatus(succeedCondition.status);\n\n  if (succeedCondition.reason && succeedCondition.reason !== status) {\n    switch (succeedCondition.reason) {\n      case SucceedConditionReason.PipelineRunCancelled:\n      case SucceedConditionReason.TaskRunCancelled:\n      case SucceedConditionReason.Cancelled:\n      case SucceedConditionReason.PipelineRunStopped:\n        return ComputedStatus.Cancelled;\n      case SucceedConditionReason.PipelineRunStopping:\n      case SucceedConditionReason.TaskRunStopping:\n        return ComputedStatus.Failed;\n      case SucceedConditionReason.CreateContainerConfigError:\n      case SucceedConditionReason.ExceededNodeResources:\n      case SucceedConditionReason.ExceededResourceQuota:\n      case SucceedConditionReason.PipelineRunPending:\n        return ComputedStatus.Pending;\n      case SucceedConditionReason.ConditionCheckFailed:\n        return ComputedStatus.Skipped;\n      default:\n        return status;\n    }\n  }\n  return status;\n};\n\n/**\n * The function to filter the pipeline run.\n *\n * @public\n */\nexport const pipelineRunFilterReducer = (\n  pipelineRun: PipelineRunKind | TaskRunKind,\n): ComputedStatus => {\n  const status = pipelineRunStatus(pipelineRun);\n  return status || ComputedStatus.Other;\n};\n\n/**\n * The function to update the task status.\n *\n * @public\n */\nexport const updateTaskStatus = (\n  pipelinerun: PipelineRunKind | null,\n  taskRuns: TaskRunKind[],\n): TaskStatusTypes => {\n  const skippedTaskLength = pipelinerun?.status?.skippedTasks?.length || 0;\n  const PLRTaskRuns = getTaskRunsForPipelineRun(pipelinerun, taskRuns);\n  const taskStatus: TaskStatusTypes = {\n    PipelineNotStarted: 0,\n    Pending: 0,\n    Running: 0,\n    Succeeded: 0,\n    Failed: 0,\n    Cancelled: 0,\n    Skipped: skippedTaskLength,\n  };\n\n  if (!PLRTaskRuns || PLRTaskRuns.length === 0) {\n    return taskStatus;\n  }\n\n  PLRTaskRuns.forEach((taskRun: TaskRunKind) => {\n    const status = taskRun && pipelineRunFilterReducer(taskRun);\n    if (status === 'Succeeded') {\n      taskStatus[ComputedStatus.Succeeded]++;\n    } else if (status === 'Running') {\n      taskStatus[ComputedStatus.Running]++;\n    } else if (status === 'Failed') {\n      taskStatus[ComputedStatus.Failed]++;\n    } else if (status === 'Cancelled') {\n      taskStatus[ComputedStatus.Cancelled]++;\n    } else {\n      taskStatus[ComputedStatus.Pending]++;\n    }\n  });\n\n  return {\n    ...taskStatus,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/utils/pipeline/task-run.esm.js

@@ -0,0 +1,18 @@
+const getTaskRunsForPipelineRun = (pipelinerun, taskRuns) => {
+  if (!taskRuns || taskRuns.length === 0) {
+    return [];
+  }
+  const associatedTaskRuns = taskRuns.reduce(
+    (acc, taskRun) => {
+      if (taskRun?.metadata?.ownerReferences?.[0]?.name === pipelinerun?.metadata?.name) {
+        acc.push(taskRun);
+      }
+      return acc;
+    },
+    []
+  );
+  return associatedTaskRuns;
+};
+
+export { getTaskRunsForPipelineRun };
+//# sourceMappingURL=task-run.esm.js.map

package/dist/utils/pipeline/task-run.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-run.esm.js","sources":["../../../src/utils/pipeline/task-run.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { PipelineRunKind, TaskRunKind } from '../../types';\n\n/**\n * The function to get the task runs for the pipeline run.\n *\n * @public\n */\nexport const getTaskRunsForPipelineRun = (\n  pipelinerun: PipelineRunKind | null,\n  taskRuns: TaskRunKind[],\n): TaskRunKind[] => {\n  if (!taskRuns || taskRuns.length === 0) {\n    return [];\n  }\n  const associatedTaskRuns = taskRuns.reduce(\n    (acc: TaskRunKind[], taskRun: TaskRunKind) => {\n      if (\n        taskRun?.metadata?.ownerReferences?.[0]?.name ===\n        pipelinerun?.metadata?.name\n      ) {\n        acc.push(taskRun);\n      }\n      return acc;\n    },\n    [],\n  );\n\n  return associatedTaskRuns;\n};\n"],"names":[],"mappings":"AAuBO,MAAM,yBAAA,GAA4B,CACvC,WAAA,EACA,QAAA,KACkB;AAClB,EAAA,IAAI,CAAC,QAAA,IAAY,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG;AACtC,IAAA,OAAO,EAAC;AAAA,EACV;AACA,EAAA,MAAM,qBAAqB,QAAA,CAAS,MAAA;AAAA,IAClC,CAAC,KAAoB,OAAA,KAAyB;AAC5C,MAAA,IACE,OAAA,EAAS,UAAU,eAAA,GAAkB,CAAC,GAAG,IAAA,KACzC,WAAA,EAAa,UAAU,IAAA,EACvB;AACA,QAAA,GAAA,CAAI,KAAK,OAAO,CAAA;AAAA,MAClB;AACA,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,OAAO,kBAAA;AACT;;;;"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@backstage-community/plugin-tekton-react",
+  "version": "0.1.0",
+  "license": "Apache-2.0",
+  "description": "Web library for the tekton plugin",
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/backstage/community-plugins",
+    "directory": "workspaces/tekton/plugins/tekton-react"
+  },
+  "backstage": {
+    "role": "web-library",
+    "pluginId": "tekton",
+    "pluginPackages": [
+      "@backstage-community/plugin-tekton",
+      "@backstage-community/plugin-tekton-common",
+      "@backstage-community/plugin-tekton-react"
+    ]
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack"
+  },
+  "dependencies": {
+    "@backstage/core-plugin-api": "^1.12.0",
+    "@kubernetes/client-node": "1.0.0-rc7",
+    "@material-ui/core": "^4.9.13"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.34.5",
+    "@backstage/test-utils": "^1.7.13",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "module": "./dist/index.esm.js"
+}