@backstage-community/plugin-gocd 0.1.42 → 0.1.43

package/dist/index.esm.js

@@ -1,25 +1,4 @@
-export { E as EntityGoCdContent, a as GOCD_PIPELINES_ANNOTATION, g as gocdPlugin, i as isGoCdAvailable } from './esm/index-CMeyzgrA.esm.js';
-import '@backstage/errors';
-import '@backstage/core-plugin-api';
-import 'react';
-import '@backstage/plugin-catalog-react';
-import '@backstage/core-components';
-import 'react-use/esm/useAsync';
-import '@backstage/catalog-model';
-import '@material-ui/lab/Alert';
-import '@material-ui/core/Button';
-import '@material-ui/icons/GitHub';
-import 'luxon';
-import 'lodash';
-import '@material-ui/core/Box';
-import '@material-ui/core/Grid';
-import '@material-ui/core/Card';
-import '@material-ui/core/CardContent';
-import '@material-ui/core/Tooltip';
-import '@material-ui/core/Typography';
-import '@material-ui/core/FormControl';
-import '@material-ui/core/InputLabel';
-import '@material-ui/core/MenuItem';
-import '@material-ui/core/Select';
-import '@material-ui/core/styles';
+export { gocdPlugin } from './plugin.esm.js';
+export { EntityGoCdContent } from './extensions.esm.js';
+export { GOCD_PIPELINES_ANNOTATION, isGoCdAvailable } from './components/GoCdBuildsComponent/GoCdBuildsComponent.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/dist/plugin.esm.js

@@ -0,0 +1,21 @@
+import { GoCdClientApi } from './api/gocdApi.client.esm.js';
+import { createApiRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';
+
+const gocdApiRef = createApiRef({
+  id: "plugin.gocd.service"
+});
+const gocdPlugin = createPlugin({
+  id: "gocd",
+  apis: [
+    createApiFactory({
+      api: gocdApiRef,
+      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
+      factory: ({ discoveryApi, fetchApi }) => {
+        return new GoCdClientApi(discoveryApi, fetchApi);
+      }
+    })
+  ]
+});
+
+export { gocdApiRef, gocdPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 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 { GoCdClientApi } from './api/gocdApi.client';\nimport { GoCdApi } from './api/gocdApi';\nimport {\n  discoveryApiRef,\n  createApiRef,\n  createApiFactory,\n  createPlugin,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nexport const gocdApiRef = createApiRef<GoCdApi>({\n  id: 'plugin.gocd.service',\n});\n\n/**\n * Plugin definition.\n *\n * @public\n */\nexport const gocdPlugin = createPlugin({\n  id: 'gocd',\n  apis: [\n    createApiFactory({\n      api: gocdApiRef,\n      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n      factory: ({ discoveryApi, fetchApi }) => {\n        return new GoCdClientApi(discoveryApi, fetchApi);\n      },\n    }),\n  ],\n});\n"],"names":[],"mappings":";;;AA0BO,MAAM,aAAa,YAAsB,CAAA;AAAA,EAC9C,EAAI,EAAA,qBAAA;AACN,CAAC,EAAA;AAOM,MAAM,aAAa,YAAa,CAAA;AAAA,EACrC,EAAI,EAAA,MAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,UAAA;AAAA,MACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,UAAU,WAAY,EAAA;AAAA,MAC7D,OAAS,EAAA,CAAC,EAAE,YAAA,EAAc,UAAe,KAAA;AACvC,QAAO,OAAA,IAAI,aAAc,CAAA,YAAA,EAAc,QAAQ,CAAA,CAAA;AAAA,OACjD;AAAA,KACD,CAAA;AAAA,GACH;AACF,CAAC;;;;"}

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@backstage-community/plugin-gocd",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "description": "A Backstage plugin that integrates towards GoCD",
   "backstage": {
-    "role": "frontend-plugin"
+    "role": "frontend-plugin",
+    "pluginId": "gocd",
+    "pluginPackages": [
+      "@backstage-community/plugin-gocd"
+    ]
   },
   "publishConfig": {
     "access": "public",
@@ -34,11 +38,11 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.4.5",
-    "@backstage/core-components": "^0.14.4",
-    "@backstage/core-plugin-api": "^1.9.2",
+    "@backstage/catalog-model": "^1.5.0",
+    "@backstage/core-components": "^0.14.9",
+    "@backstage/core-plugin-api": "^1.9.3",
     "@backstage/errors": "^1.2.4",
-    "@backstage/plugin-catalog-react": "^1.11.3",
+    "@backstage/plugin-catalog-react": "^1.12.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -48,10 +52,10 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.26.3",
-    "@backstage/core-app-api": "^1.12.4",
-    "@backstage/dev-utils": "^1.0.31",
-    "@backstage/test-utils": "^1.5.4",
+    "@backstage/cli": "^0.26.11",
+    "@backstage/core-app-api": "^1.14.1",
+    "@backstage/dev-utils": "^1.0.36",
+    "@backstage/test-utils": "^1.5.9",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -61,7 +65,7 @@
     "@types/react": "^16.13.1 || ^17.0.0",
     "@types/react-dom": "^18.2.19",
     "canvas": "^2.11.2",
-    "msw": "^1.0.0",
+    "msw": "^2.0.0",
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
@@ -72,5 +76,12 @@
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "configSchema": "config.d.ts",
+  "jest": {
+    "testEnvironmentOptions": {
+      "customExportConditions": [
+        ""
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }

package/dist/esm/index-CMeyzgrA.esm.js

@@ -1,460 +0,0 @@
-import { ResponseError } from '@backstage/errors';
-import { createApiRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createComponentExtension, useApi, configApiRef } from '@backstage/core-plugin-api';
-import React, { useState } from 'react';
-import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
-import { Table, SubvalueCell, StatusWarning, StatusPending, StatusAborted, StatusRunning, StatusError, StatusOK, Link, EmptyState, Page, Content, ContentHeader } from '@backstage/core-components';
-import useAsync from 'react-use/esm/useAsync';
-import { getEntitySourceLocation } from '@backstage/catalog-model';
-import Alert from '@material-ui/lab/Alert';
-import Button from '@material-ui/core/Button';
-import GitHubIcon from '@material-ui/icons/GitHub';
-import { DateTime, Duration } from 'luxon';
-import { mean, groupBy } from 'lodash';
-import Box from '@material-ui/core/Box';
-import Grid from '@material-ui/core/Grid';
-import Card from '@material-ui/core/Card';
-import CardContent from '@material-ui/core/CardContent';
-import Tooltip from '@material-ui/core/Tooltip';
-import Typography from '@material-ui/core/Typography';
-import FormControl from '@material-ui/core/FormControl';
-import InputLabel from '@material-ui/core/InputLabel';
-import MenuItem from '@material-ui/core/MenuItem';
-import Select from '@material-ui/core/Select';
-import { makeStyles, createStyles } from '@material-ui/core/styles';
-
-const DEFAULT_PAGE_SIZE = 100;
-class GoCdClientApi {
-  constructor(discoveryApi, fetchApi) {
-    this.discoveryApi = discoveryApi;
-    this.fetchApi = fetchApi;
-  }
-  async getPipelineHistory(pipelineName) {
-    const { fetch } = this.fetchApi;
-    const baseUrl = await this.discoveryApi.getBaseUrl("proxy");
-    const pipelineHistoryResponse = await fetch(
-      `${baseUrl}/gocd/pipelines/${pipelineName}/history?page_size=${DEFAULT_PAGE_SIZE}`,
-      {
-        headers: {
-          Accept: "application/vnd.go.cd+json"
-        }
-      }
-    );
-    if (!pipelineHistoryResponse.ok) {
-      throw await ResponseError.fromResponse(pipelineHistoryResponse);
-    }
-    return await pipelineHistoryResponse.json();
-  }
-}
-
-const gocdApiRef = createApiRef({
-  id: "plugin.gocd.service"
-});
-const gocdPlugin = createPlugin({
-  id: "gocd",
-  apis: [
-    createApiFactory({
-      api: gocdApiRef,
-      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
-      factory: ({ discoveryApi, fetchApi }) => {
-        return new GoCdClientApi(discoveryApi, fetchApi);
-      }
-    })
-  ]
-});
-
-const EntityGoCdContent = gocdPlugin.provide(
-  createComponentExtension({
-    name: "EntityGoCdContent",
-    component: {
-      lazy: () => import('./index-Dpt975Dd.esm.js').then(
-        (m) => m.GoCdBuildsComponent
-      )
-    }
-  })
-);
-
-var GoCdBuildResultStatus = /* @__PURE__ */ ((GoCdBuildResultStatus2) => {
-  GoCdBuildResultStatus2[GoCdBuildResultStatus2["running"] = 0] = "running";
-  GoCdBuildResultStatus2[GoCdBuildResultStatus2["successful"] = 1] = "successful";
-  GoCdBuildResultStatus2[GoCdBuildResultStatus2["warning"] = 2] = "warning";
-  GoCdBuildResultStatus2[GoCdBuildResultStatus2["aborted"] = 3] = "aborted";
-  GoCdBuildResultStatus2[GoCdBuildResultStatus2["error"] = 4] = "error";
-  GoCdBuildResultStatus2[GoCdBuildResultStatus2["pending"] = 5] = "pending";
-  return GoCdBuildResultStatus2;
-})(GoCdBuildResultStatus || {});
-const toBuildResultStatus = (status) => {
-  switch (status.toLocaleLowerCase("en-US")) {
-    case "passed":
-      return 1 /* successful */;
-    case "failed":
-      return 4 /* error */;
-    case "aborted":
-      return 3 /* aborted */;
-    case "building":
-      return 0 /* running */;
-    case "pending":
-      return 5 /* pending */;
-    default:
-      return 3 /* aborted */;
-  }
-};
-
-const renderTrigger = (build) => {
-  const subvalue = /* @__PURE__ */ React.createElement(React.Fragment, null, build.pipeline, /* @__PURE__ */ React.createElement("br", null), build.author);
-  return /* @__PURE__ */ React.createElement(SubvalueCell, { value: build.message, subvalue });
-};
-const renderStages = (build) => {
-  return build.stages.map((s) => {
-    switch (s.status) {
-      case GoCdBuildResultStatus.successful: {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusOK, null, s.text), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null));
-      }
-      case GoCdBuildResultStatus.error: {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusError, null, s.text), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null));
-      }
-      case GoCdBuildResultStatus.running: {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusRunning, null, s.text), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null));
-      }
-      case GoCdBuildResultStatus.aborted: {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusAborted, null, s.text), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null));
-      }
-      case GoCdBuildResultStatus.pending: {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusPending, null, s.text), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null));
-      }
-      default: {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusWarning, null, s.text), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null));
-      }
-    }
-  });
-};
-const renderSource = (build) => {
-  return /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      href: build.source,
-      target: "_blank",
-      rel: "noreferrer",
-      startIcon: /* @__PURE__ */ React.createElement(GitHubIcon, null)
-    },
-    build.commitHash
-  );
-};
-const renderId = (goCdBaseUrl, build) => {
-  const goCdBuildUrl = `${goCdBaseUrl}/go/pipelines/value_stream_map/${build.buildSlug}`;
-  return /* @__PURE__ */ React.createElement(
-    SubvalueCell,
-    {
-      value: /* @__PURE__ */ React.createElement(Link, { to: goCdBuildUrl, target: "_blank", rel: "noreferrer" }, build.id),
-      subvalue: build.triggerTime && DateTime.fromMillis(build.triggerTime).toLocaleString(
-        DateTime.DATETIME_MED
-      )
-    }
-  );
-};
-const renderError = (error) => {
-  return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
-};
-const toBuildResults = (entity, builds) => {
-  const entitySourceLocation = getEntitySourceLocation(entity).target.split("/tree")[0];
-  return builds.map((build) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return {
-      id: build.counter,
-      source: `${entitySourceLocation}/commit/${(_b = (_a = build.build_cause) == null ? void 0 : _a.material_revisions[0]) == null ? void 0 : _b.modifications[0].revision}`,
-      stages: build.stages.map((s) => ({
-        status: toBuildResultStatus(s.status),
-        text: s.name
-      })),
-      buildSlug: `${build.name}/${build.counter}`,
-      message: (_e = (_d = (_c = build.build_cause) == null ? void 0 : _c.material_revisions[0]) == null ? void 0 : _d.modifications[0].comment) != null ? _e : "",
-      pipeline: build.name,
-      author: (_g = (_f = build.build_cause) == null ? void 0 : _f.material_revisions[0]) == null ? void 0 : _g.modifications[0].user_name,
-      commitHash: build.label,
-      triggerTime: build.scheduled_date
-    };
-  });
-};
-const GoCdBuildsTable = (props) => {
-  const { pipelineHistory, loading, error } = props;
-  const { entity } = useEntity();
-  const [, setSelectedSearchTerm] = useState("");
-  const columns = [
-    {
-      title: "ID",
-      field: "id",
-      highlight: true,
-      render: (build) => renderId(props.goCdBaseUrl, build)
-    },
-    {
-      title: "Trigger",
-      customFilterAndSearch: (query, row) => `${row.message} ${row.pipeline} ${row.author}`.toLocaleUpperCase("en-US").includes(query.toLocaleUpperCase("en-US")),
-      field: "message",
-      highlight: true,
-      render: (build) => renderTrigger(build)
-    },
-    {
-      title: "Stages",
-      field: "status",
-      render: (build) => renderStages(build)
-    },
-    {
-      title: "Source",
-      field: "source",
-      render: (build) => renderSource(build)
-    }
-  ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, error && renderError(error), !error && /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      title: "GoCD builds",
-      isLoading: loading,
-      options: {
-        search: true,
-        searchAutoFocus: true,
-        debounceInterval: 800,
-        paging: true,
-        padding: "dense",
-        pageSizeOptions: [5, 10, 20, 50],
-        showFirstLastPageButtons: false,
-        pageSize: 20
-      },
-      columns,
-      data: pipelineHistory ? toBuildResults(entity, pipelineHistory.pipelines) || [] : [],
-      onSearchChange: (searchTerm) => setSelectedSearchTerm(searchTerm)
-    }
-  ));
-};
-
-function runFrequency(pipelineHistory) {
-  const lastMonth = DateTime.now().minus({ month: 1 });
-  const buildLastMonth = pipelineHistory.pipelines.map((p) => p.scheduled_date).filter((d) => !!d).map((d) => DateTime.fromMillis(d)).filter((d) => d > lastMonth).length;
-  return `${buildLastMonth} last month`;
-}
-function meanTimeBetweenFailures(jobs) {
-  const timeBetweenFailures = [];
-  for (let index = 1; index < jobs.length; index++) {
-    const job = jobs[index];
-    if (!job.result) {
-      continue;
-    }
-    if (toBuildResultStatus(job.result) === GoCdBuildResultStatus.error) {
-      let previousFailedJob = null;
-      for (let j = index - 1; j >= 0; j--) {
-        const candidateJob = jobs[j];
-        if (!candidateJob.result) {
-          continue;
-        }
-        if (toBuildResultStatus(candidateJob.result) === GoCdBuildResultStatus.error) {
-          previousFailedJob = candidateJob;
-          break;
-        }
-      }
-      if (!previousFailedJob || !job.scheduled_date || !previousFailedJob.scheduled_date) {
-        continue;
-      }
-      const failedJobDate = DateTime.fromMillis(job.scheduled_date);
-      const previousFailedJobDate = DateTime.fromMillis(
-        previousFailedJob.scheduled_date
-      );
-      const timeBetweenFailure = failedJobDate.diff(previousFailedJobDate);
-      timeBetweenFailures.push(timeBetweenFailure);
-    }
-  }
-  return formatMean(timeBetweenFailures);
-}
-function meanTimeToRecovery(jobs) {
-  const timeToRecoverIntervals = [];
-  for (let index = 0; index < jobs.length; index++) {
-    const job = jobs[index];
-    if (!job.result) {
-      continue;
-    }
-    if (toBuildResultStatus(job.result) === GoCdBuildResultStatus.error) {
-      let nextSuccessfulJob = null;
-      for (let j = index + 1; j < jobs.length; j++) {
-        const candidateJob = jobs[j];
-        if (!candidateJob.result) {
-          continue;
-        }
-        if (toBuildResultStatus(candidateJob.result) === GoCdBuildResultStatus.successful) {
-          nextSuccessfulJob = candidateJob;
-          break;
-        }
-      }
-      if (!nextSuccessfulJob || !job.scheduled_date || !nextSuccessfulJob.scheduled_date) {
-        continue;
-      }
-      const failedJobDate = DateTime.fromMillis(job.scheduled_date);
-      const successfulJobDate = DateTime.fromMillis(
-        nextSuccessfulJob.scheduled_date
-      );
-      const timeToRecovery = successfulJobDate.diff(failedJobDate);
-      timeToRecoverIntervals.push(timeToRecovery);
-    }
-  }
-  return formatMean(timeToRecoverIntervals);
-}
-function formatMean(durations) {
-  if (durations.length === 0) {
-    return "N/A";
-  }
-  const mttr = Duration.fromMillis(
-    mean(durations.map((i) => i.milliseconds))
-  );
-  return mttr.toFormat("d'd' h'h' m'm' s's'");
-}
-function failureRate(jobs) {
-  const resultGroups = new Map(
-    Object.entries(groupBy(jobs, "result")).map(([key, value]) => [
-      toBuildResultStatus(key),
-      value.flat()
-    ])
-  );
-  const failedJobs = resultGroups.get(GoCdBuildResultStatus.error);
-  if (!failedJobs) {
-    return {
-      title: "0",
-      subtitle: "(no failed jobs found)"
-    };
-  }
-  resultGroups.delete(GoCdBuildResultStatus.error);
-  const nonFailedJobs = Array.from(resultGroups.values()).flat();
-  const totalJobs = failedJobs.length + nonFailedJobs.length;
-  const percentage = failedJobs.length / totalJobs * 100;
-  const decimalPercentage = (Math.round(percentage * 100) / 100).toFixed(2);
-  return {
-    title: `${decimalPercentage}%`,
-    subtitle: `(${failedJobs.length} out of ${totalJobs} jobs)`
-  };
-}
-const GoCdBuildsInsights = (props) => {
-  const { pipelineHistory, loading, error } = props;
-  if (loading || error || !pipelineHistory) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  }
-  const stages = pipelineHistory.pipelines.slice().reverse().map((p) => p.stages).flat();
-  const jobs = stages.map((s) => s.jobs).flat();
-  const failureRateObj = failureRate(jobs);
-  return /* @__PURE__ */ React.createElement(Box, { "data-testid": "GoCdBuildsInsightsBox", sx: { mb: 1 } }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6, sm: 3 }, /* @__PURE__ */ React.createElement(Tooltip, { title: "What is your deployment frequency?" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "Run Frequency"), /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, runFrequency(pipelineHistory)))))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6, sm: 3 }, /* @__PURE__ */ React.createElement(Tooltip, { title: "How long does it take to fix a failure?" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "Mean Time to Recovery"), /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, meanTimeToRecovery(jobs)))))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6, sm: 3 }, /* @__PURE__ */ React.createElement(Tooltip, { title: "How often do changes fail?" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "Mean Time Between Failures"), /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, meanTimeBetweenFailures(jobs)))))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6, sm: 3 }, /* @__PURE__ */ React.createElement(Tooltip, { title: "What percentage of changes result in a failure?" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "Failure Rate"), /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, failureRateObj.title), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, failureRateObj.subtitle)))))));
-};
-
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    formControl: {
-      margin: theme.spacing(1),
-      minWidth: 120
-    },
-    selectEmpty: {
-      marginTop: theme.spacing(2)
-    }
-  })
-);
-const renderItems = (items) => {
-  return items.map((item) => {
-    return /* @__PURE__ */ React.createElement(MenuItem, { value: item.value, key: item.label }, item.label);
-  });
-};
-const SelectComponent = ({
-  value,
-  items,
-  label,
-  onChange
-}) => {
-  const classes = useStyles();
-  const handleChange = (event) => {
-    const val = event.target.value;
-    onChange(val);
-  };
-  return /* @__PURE__ */ React.createElement(
-    FormControl,
-    {
-      variant: "outlined",
-      className: classes.formControl,
-      disabled: items.length === 0
-    },
-    /* @__PURE__ */ React.createElement(InputLabel, null, label),
-    /* @__PURE__ */ React.createElement(Select, { label, value, onChange: handleChange }, renderItems(items))
-  );
-};
-
-const GOCD_PIPELINES_ANNOTATION = "gocd.org/pipelines";
-const isGoCdAvailable = (entity) => {
-  var _a;
-  return Boolean((_a = entity.metadata.annotations) == null ? void 0 : _a[GOCD_PIPELINES_ANNOTATION]);
-};
-const GoCdBuildsComponent = () => {
-  var _a, _b;
-  const { entity } = useEntity();
-  const config = useApi(configApiRef);
-  const rawPipelines = (_b = (_a = entity.metadata.annotations) == null ? void 0 : _a[GOCD_PIPELINES_ANNOTATION]) == null ? void 0 : _b.split(",").map((p) => p.trim());
-  const gocdApi = useApi(gocdApiRef);
-  const [selectedPipeline, setSelectedPipeline] = useState(
-    rawPipelines ? rawPipelines[0] : ""
-  );
-  const {
-    value: pipelineHistory,
-    loading,
-    error
-  } = useAsync(async () => {
-    return await gocdApi.getPipelineHistory(selectedPipeline);
-  }, [selectedPipeline]);
-  const onSelectedPipelineChanged = (pipeline) => {
-    setSelectedPipeline(pipeline);
-  };
-  const getSelectionItems = (pipelines) => {
-    return pipelines.map((p) => ({ label: p, value: p }));
-  };
-  function isError(apiResult) {
-    return (apiResult == null ? void 0 : apiResult.message) !== void 0;
-  }
-  if (!rawPipelines) {
-    return /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, { annotation: GOCD_PIPELINES_ANNOTATION });
-  }
-  if (isError(pipelineHistory)) {
-    return /* @__PURE__ */ React.createElement(
-      EmptyState,
-      {
-        title: "GoCD pipelines",
-        description: `Could not fetch pipelines defined for entity ${entity.metadata.name}. Error: ${pipelineHistory.message}`,
-        missing: "content"
-      }
-    );
-  }
-  if (!loading && !pipelineHistory) {
-    return /* @__PURE__ */ React.createElement(
-      EmptyState,
-      {
-        title: "GoCD pipelines",
-        description: `We could not find pipelines defined for entity ${entity.metadata.name}.`,
-        missing: "data"
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Content, { noPadding: true }, /* @__PURE__ */ React.createElement(ContentHeader, { title: entity.metadata.name }, /* @__PURE__ */ React.createElement(
-    SelectComponent,
-    {
-      value: selectedPipeline,
-      onChange: (pipeline) => onSelectedPipelineChanged(pipeline),
-      label: "Pipeline",
-      items: getSelectionItems(rawPipelines)
-    }
-  )), /* @__PURE__ */ React.createElement(
-    GoCdBuildsInsights,
-    {
-      pipelineHistory,
-      loading,
-      error
-    }
-  ), /* @__PURE__ */ React.createElement(
-    GoCdBuildsTable,
-    {
-      goCdBaseUrl: config.getString("gocd.baseUrl"),
-      pipelineHistory,
-      loading,
-      error
-    }
-  )));
-};
-
-export { EntityGoCdContent as E, GoCdBuildsComponent as G, GOCD_PIPELINES_ANNOTATION as a, gocdPlugin as g, isGoCdAvailable as i };
-//# sourceMappingURL=index-CMeyzgrA.esm.js.map