@backstage-community/plugin-gocd 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-gocd
 
+## 0.6.0
+
+### Minor Changes
+
+- 87f0a61: Backstage version bump to v1.38.1
+
+## 0.5.1
+
+### Patch Changes
+
+- 4aad9f3: remove unused devDependency `canvas`
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/components/GoCdBuildsComponent/GoCdBuildsComponent.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
 import { EmptyState, Page, Content, ContentHeader } from '@backstage/core-components';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
@@ -35,10 +36,10 @@ const GoCdBuildsComponent = () => {
     return apiResult?.message !== void 0;
   }
   if (!rawPipelines) {
-    return /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, { annotation: GOCD_PIPELINES_ANNOTATION });
+    return /* @__PURE__ */ jsx(MissingAnnotationEmptyState, { annotation: GOCD_PIPELINES_ANNOTATION });
   }
   if (isError(pipelineHistory)) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       EmptyState,
       {
         title: "GoCD pipelines",
@@ -48,7 +49,7 @@ const GoCdBuildsComponent = () => {
     );
   }
   if (!loading && !pipelineHistory) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       EmptyState,
       {
         title: "GoCD pipelines",
@@ -57,30 +58,34 @@ const GoCdBuildsComponent = () => {
       }
     );
   }
-  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
-    }
-  )));
+  return /* @__PURE__ */ jsx(Page, { themeId: "tool", children: /* @__PURE__ */ jsxs(Content, { noPadding: true, children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title: entity.metadata.name, children: /* @__PURE__ */ jsx(
+      SelectComponent,
+      {
+        value: selectedPipeline,
+        onChange: (pipeline) => onSelectedPipelineChanged(pipeline),
+        label: "Pipeline",
+        items: getSelectionItems(rawPipelines)
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      GoCdBuildsInsights,
+      {
+        pipelineHistory,
+        loading,
+        error
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      GoCdBuildsTable,
+      {
+        goCdBaseUrl: config.getString("gocd.baseUrl"),
+        pipelineHistory,
+        loading,
+        error
+      }
+    )
+  ] }) });
 };
 
 export { GOCD_PIPELINES_ANNOTATION, GoCdBuildsComponent, isGoCdAvailable };

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

@@ -1 +1 @@
-{"version":3,"file":"GoCdBuildsComponent.esm.js","sources":["../../../src/components/GoCdBuildsComponent/GoCdBuildsComponent.tsx"],"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 */\nimport React, { useState } from 'react';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport {\n  Content,\n  ContentHeader,\n  EmptyState,\n  Page,\n} from '@backstage/core-components';\nimport { useApi, configApiRef } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { gocdApiRef } from '../../plugin';\nimport { GoCdBuildsTable } from '../GoCdBuildsTable/GoCdBuildsTable';\nimport { GoCdBuildsInsights } from '../GoCdBuildsInsights/GoCdBuildsInsights';\nimport { GoCdApiError, PipelineHistory } from '../../api/gocdApi.model';\nimport { Item, Select } from '../Select';\n\n/**\n * Constant storing GoCD pipelines annotation.\n *\n * @public\n */\nexport const GOCD_PIPELINES_ANNOTATION = 'gocd.org/pipelines';\n\n/**\n * Returns true if GoCD annotation is present in the given entity.\n *\n * @public\n */\nexport const isGoCdAvailable = (entity: Entity): boolean =>\n  Boolean(entity.metadata.annotations?.[GOCD_PIPELINES_ANNOTATION]);\n\nexport const GoCdBuildsComponent = (): JSX.Element => {\n  const { entity } = useEntity();\n  const config = useApi(configApiRef);\n  const rawPipelines: string[] | undefined = (\n    entity.metadata.annotations?.[GOCD_PIPELINES_ANNOTATION] as\n      | string\n      | undefined\n  )\n    ?.split(',')\n    .map(p => p.trim());\n  const gocdApi = useApi(gocdApiRef);\n\n  const [selectedPipeline, setSelectedPipeline] = useState<string>(\n    rawPipelines ? rawPipelines[0] : '',\n  );\n\n  const {\n    value: pipelineHistory,\n    loading,\n    error,\n  } = useAsync(async (): Promise<PipelineHistory | GoCdApiError> => {\n    return await gocdApi.getPipelineHistory(selectedPipeline);\n  }, [selectedPipeline]);\n\n  const onSelectedPipelineChanged = (pipeline: string) => {\n    setSelectedPipeline(pipeline);\n  };\n\n  const getSelectionItems = (pipelines: string[]): Item[] => {\n    return pipelines.map(p => ({ label: p, value: p }));\n  };\n\n  function isError(\n    apiResult: PipelineHistory | GoCdApiError | undefined,\n  ): apiResult is GoCdApiError {\n    return (apiResult as GoCdApiError)?.message !== undefined;\n  }\n\n  if (!rawPipelines) {\n    return (\n      <MissingAnnotationEmptyState annotation={GOCD_PIPELINES_ANNOTATION} />\n    );\n  }\n\n  if (isError(pipelineHistory)) {\n    return (\n      <EmptyState\n        title=\"GoCD pipelines\"\n        description={`Could not fetch pipelines defined for entity ${entity.metadata.name}. Error: ${pipelineHistory.message}`}\n        missing=\"content\"\n      />\n    );\n  }\n\n  if (!loading && !pipelineHistory) {\n    return (\n      <EmptyState\n        title=\"GoCD pipelines\"\n        description={`We could not find pipelines defined for entity ${entity.metadata.name}.`}\n        missing=\"data\"\n      />\n    );\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Content noPadding>\n        <ContentHeader title={entity.metadata.name}>\n          <Select\n            value={selectedPipeline}\n            onChange={pipeline => onSelectedPipelineChanged(pipeline)}\n            label=\"Pipeline\"\n            items={getSelectionItems(rawPipelines)}\n          />\n        </ContentHeader>\n        <GoCdBuildsInsights\n          pipelineHistory={pipelineHistory}\n          loading={loading}\n          error={error}\n        />\n        <GoCdBuildsTable\n          goCdBaseUrl={config.getString('gocd.baseUrl')}\n          pipelineHistory={pipelineHistory}\n          loading={loading}\n          error={error}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":["Select"],"mappings":"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"}
+{"version":3,"file":"GoCdBuildsComponent.esm.js","sources":["../../../src/components/GoCdBuildsComponent/GoCdBuildsComponent.tsx"],"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 */\nimport { useState } from 'react';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport {\n  Content,\n  ContentHeader,\n  EmptyState,\n  Page,\n} from '@backstage/core-components';\nimport { useApi, configApiRef } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { gocdApiRef } from '../../plugin';\nimport { GoCdBuildsTable } from '../GoCdBuildsTable/GoCdBuildsTable';\nimport { GoCdBuildsInsights } from '../GoCdBuildsInsights/GoCdBuildsInsights';\nimport { GoCdApiError, PipelineHistory } from '../../api/gocdApi.model';\nimport { Item, Select } from '../Select';\n\n/**\n * Constant storing GoCD pipelines annotation.\n *\n * @public\n */\nexport const GOCD_PIPELINES_ANNOTATION = 'gocd.org/pipelines';\n\n/**\n * Returns true if GoCD annotation is present in the given entity.\n *\n * @public\n */\nexport const isGoCdAvailable = (entity: Entity): boolean =>\n  Boolean(entity.metadata.annotations?.[GOCD_PIPELINES_ANNOTATION]);\n\nexport const GoCdBuildsComponent = (): JSX.Element => {\n  const { entity } = useEntity();\n  const config = useApi(configApiRef);\n  const rawPipelines: string[] | undefined = (\n    entity.metadata.annotations?.[GOCD_PIPELINES_ANNOTATION] as\n      | string\n      | undefined\n  )\n    ?.split(',')\n    .map(p => p.trim());\n  const gocdApi = useApi(gocdApiRef);\n\n  const [selectedPipeline, setSelectedPipeline] = useState<string>(\n    rawPipelines ? rawPipelines[0] : '',\n  );\n\n  const {\n    value: pipelineHistory,\n    loading,\n    error,\n  } = useAsync(async (): Promise<PipelineHistory | GoCdApiError> => {\n    return await gocdApi.getPipelineHistory(selectedPipeline);\n  }, [selectedPipeline]);\n\n  const onSelectedPipelineChanged = (pipeline: string) => {\n    setSelectedPipeline(pipeline);\n  };\n\n  const getSelectionItems = (pipelines: string[]): Item[] => {\n    return pipelines.map(p => ({ label: p, value: p }));\n  };\n\n  function isError(\n    apiResult: PipelineHistory | GoCdApiError | undefined,\n  ): apiResult is GoCdApiError {\n    return (apiResult as GoCdApiError)?.message !== undefined;\n  }\n\n  if (!rawPipelines) {\n    return (\n      <MissingAnnotationEmptyState annotation={GOCD_PIPELINES_ANNOTATION} />\n    );\n  }\n\n  if (isError(pipelineHistory)) {\n    return (\n      <EmptyState\n        title=\"GoCD pipelines\"\n        description={`Could not fetch pipelines defined for entity ${entity.metadata.name}. Error: ${pipelineHistory.message}`}\n        missing=\"content\"\n      />\n    );\n  }\n\n  if (!loading && !pipelineHistory) {\n    return (\n      <EmptyState\n        title=\"GoCD pipelines\"\n        description={`We could not find pipelines defined for entity ${entity.metadata.name}.`}\n        missing=\"data\"\n      />\n    );\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Content noPadding>\n        <ContentHeader title={entity.metadata.name}>\n          <Select\n            value={selectedPipeline}\n            onChange={pipeline => onSelectedPipelineChanged(pipeline)}\n            label=\"Pipeline\"\n            items={getSelectionItems(rawPipelines)}\n          />\n        </ContentHeader>\n        <GoCdBuildsInsights\n          pipelineHistory={pipelineHistory}\n          loading={loading}\n          error={error}\n        />\n        <GoCdBuildsTable\n          goCdBaseUrl={config.getString('gocd.baseUrl')}\n          pipelineHistory={pipelineHistory}\n          loading={loading}\n          error={error}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":["Select"],"mappings":"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"}

package/dist/components/GoCdBuildsInsights/GoCdBuildsInsights.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { mean, groupBy } from 'lodash';
 import { toBuildResultStatus, GoCdBuildResultStatus } from '../../api/gocdApi.model.esm.js';
 import Box from '@material-ui/core/Box';
@@ -114,12 +114,30 @@ function failureRate(jobs) {
 const GoCdBuildsInsights = (props) => {
   const { pipelineHistory, loading, error } = props;
   if (loading || error || !pipelineHistory) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null);
+    return /* @__PURE__ */ jsx(Fragment, {});
   }
   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)))))));
+  return /* @__PURE__ */ jsx(Box, { "data-testid": "GoCdBuildsInsightsBox", sx: { mb: 1 }, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 3, children: /* @__PURE__ */ jsx(Tooltip, { title: "What is your deployment frequency?", children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Run Frequency" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", children: runFrequency(pipelineHistory) })
+    ] }) }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 3, children: /* @__PURE__ */ jsx(Tooltip, { title: "How long does it take to fix a failure?", children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Mean Time to Recovery" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", children: meanTimeToRecovery(jobs) })
+    ] }) }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 3, children: /* @__PURE__ */ jsx(Tooltip, { title: "How often do changes fail?", children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Mean Time Between Failures" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", children: meanTimeBetweenFailures(jobs) })
+    ] }) }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 3, children: /* @__PURE__ */ jsx(Tooltip, { title: "What percentage of changes result in a failure?", children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Failure Rate" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", children: failureRateObj.title }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: failureRateObj.subtitle })
+    ] }) }) }) })
+  ] }) });
 };
 
 export { GoCdBuildsInsights };

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

@@ -1 +1 @@
-{"version":3,"file":"GoCdBuildsInsights.esm.js","sources":["../../../src/components/GoCdBuildsInsights/GoCdBuildsInsights.tsx"],"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 */\nimport React from 'react';\nimport { groupBy, mean } from 'lodash';\nimport {\n  PipelineHistory,\n  Job,\n  toBuildResultStatus,\n  GoCdBuildResultStatus,\n} from '../../api/gocdApi.model';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { DateTime, Duration } from 'luxon';\n\nexport type GoCdBuildsInsightsProps = {\n  pipelineHistory: PipelineHistory | undefined;\n  loading: boolean;\n  error: Error | undefined;\n};\n\nfunction runFrequency(pipelineHistory: PipelineHistory): string {\n  const lastMonth = DateTime.now().minus({ month: 1 });\n  const buildLastMonth = pipelineHistory.pipelines\n    .map(p => p.scheduled_date)\n    .filter((d): d is number => !!d)\n    .map(d => DateTime.fromMillis(d))\n    .filter(d => d > lastMonth).length;\n  return `${buildLastMonth} last month`;\n}\n\nfunction meanTimeBetweenFailures(jobs: Job[]): string {\n  const timeBetweenFailures: Duration[] = [];\n  for (let index = 1; index < jobs.length; index++) {\n    const job = jobs[index];\n    if (!job.result) {\n      continue;\n    }\n    if (toBuildResultStatus(job.result) === GoCdBuildResultStatus.error) {\n      let previousFailedJob: Job | null = null;\n      for (let j = index - 1; j >= 0; j--) {\n        const candidateJob = jobs[j];\n        if (!candidateJob.result) {\n          continue;\n        }\n        if (\n          toBuildResultStatus(candidateJob.result) ===\n          GoCdBuildResultStatus.error\n        ) {\n          previousFailedJob = candidateJob;\n          break;\n        }\n      }\n      if (\n        !previousFailedJob ||\n        !job.scheduled_date ||\n        !previousFailedJob.scheduled_date\n      ) {\n        continue;\n      }\n      const failedJobDate = DateTime.fromMillis(job.scheduled_date);\n      const previousFailedJobDate = DateTime.fromMillis(\n        previousFailedJob.scheduled_date,\n      );\n      const timeBetweenFailure = failedJobDate.diff(previousFailedJobDate);\n      timeBetweenFailures.push(timeBetweenFailure);\n    }\n  }\n  return formatMean(timeBetweenFailures);\n}\n\n/**\n * Imagine a sequence like:\n * S - S - S - F - S - F - F - S - S\n *\n * We iterate until finding a failure, and then iterate forward\n * until we find the first immediate success to then\n * calculate the time difference between the scheduling of the jobs.\n */\nfunction meanTimeToRecovery(jobs: Job[]): string {\n  const timeToRecoverIntervals: Duration[] = [];\n  for (let index = 0; index < jobs.length; index++) {\n    const job = jobs[index];\n    if (!job.result) {\n      continue;\n    }\n    if (toBuildResultStatus(job.result) === GoCdBuildResultStatus.error) {\n      let nextSuccessfulJob: Job | null = null;\n      for (let j = index + 1; j < jobs.length; j++) {\n        const candidateJob = jobs[j];\n        if (!candidateJob.result) {\n          continue;\n        }\n        if (\n          toBuildResultStatus(candidateJob.result) ===\n          GoCdBuildResultStatus.successful\n        ) {\n          nextSuccessfulJob = candidateJob;\n          break;\n        }\n      }\n      if (\n        !nextSuccessfulJob ||\n        !job.scheduled_date ||\n        !nextSuccessfulJob.scheduled_date\n      ) {\n        continue;\n      }\n      const failedJobDate = DateTime.fromMillis(job.scheduled_date);\n      const successfulJobDate = DateTime.fromMillis(\n        nextSuccessfulJob.scheduled_date,\n      );\n      const timeToRecovery = successfulJobDate.diff(failedJobDate);\n      timeToRecoverIntervals.push(timeToRecovery);\n    }\n  }\n\n  return formatMean(timeToRecoverIntervals);\n}\n\nfunction formatMean(durations: Duration[]): string {\n  if (durations.length === 0) {\n    return 'N/A';\n  }\n\n  const mttr: Duration = Duration.fromMillis(\n    mean(durations.map(i => i.milliseconds)),\n  );\n  return mttr.toFormat(\"d'd' h'h' m'm' s's'\");\n}\n\nfunction failureRate(jobs: Job[]): {\n  title: string;\n  subtitle: string;\n} {\n  const resultGroups = new Map(\n    Object.entries(groupBy(jobs, 'result')).map(([key, value]) => [\n      toBuildResultStatus(key),\n      value.flat(),\n    ]),\n  );\n  const failedJobs = resultGroups.get(GoCdBuildResultStatus.error);\n  if (!failedJobs) {\n    return {\n      title: '0',\n      subtitle: '(no failed jobs found)',\n    };\n  }\n\n  resultGroups.delete(GoCdBuildResultStatus.error);\n  const nonFailedJobs = Array.from(resultGroups.values()).flat();\n\n  const totalJobs = failedJobs.length + nonFailedJobs.length;\n  const percentage = (failedJobs.length / totalJobs) * 100;\n  const decimalPercentage = (Math.round(percentage * 100) / 100).toFixed(2);\n  return {\n    title: `${decimalPercentage}%`,\n    subtitle: `(${failedJobs.length} out of ${totalJobs} jobs)`,\n  };\n}\n\nexport const GoCdBuildsInsights = (\n  props: GoCdBuildsInsightsProps,\n): JSX.Element => {\n  const { pipelineHistory, loading, error } = props;\n\n  if (loading || error || !pipelineHistory) {\n    return <></>;\n  }\n\n  // We reverse the array to calculate insights to make sure jobs are ordered\n  // by their schedule date.\n  const stages = pipelineHistory.pipelines\n    .slice()\n    .reverse()\n    .map(p => p.stages)\n    .flat();\n  const jobs = stages.map(s => s.jobs).flat();\n\n  const failureRateObj: { title: string; subtitle: string } = failureRate(jobs);\n\n  return (\n    <Box data-testid=\"GoCdBuildsInsightsBox\" sx={{ mb: 1 }}>\n      <Grid container spacing={1}>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"What is your deployment frequency?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">Run Frequency</Typography>\n                <Typography variant=\"h4\">\n                  {runFrequency(pipelineHistory)}\n                </Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"How long does it take to fix a failure?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">Mean Time to Recovery</Typography>\n                <Typography variant=\"h4\">{meanTimeToRecovery(jobs)}</Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"How often do changes fail?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">\n                  Mean Time Between Failures\n                </Typography>\n                <Typography variant=\"h4\">\n                  {meanTimeBetweenFailures(jobs)}\n                </Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"What percentage of changes result in a failure?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">Failure Rate</Typography>\n                <Typography variant=\"h4\">{failureRateObj.title}</Typography>\n                <Typography variant=\"body2\">\n                  {failureRateObj.subtitle}\n                </Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GoCdBuildsInsights.esm.js","sources":["../../../src/components/GoCdBuildsInsights/GoCdBuildsInsights.tsx"],"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 */\nimport { groupBy, mean } from 'lodash';\nimport {\n  PipelineHistory,\n  Job,\n  toBuildResultStatus,\n  GoCdBuildResultStatus,\n} from '../../api/gocdApi.model';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { DateTime, Duration } from 'luxon';\n\nexport type GoCdBuildsInsightsProps = {\n  pipelineHistory: PipelineHistory | undefined;\n  loading: boolean;\n  error: Error | undefined;\n};\n\nfunction runFrequency(pipelineHistory: PipelineHistory): string {\n  const lastMonth = DateTime.now().minus({ month: 1 });\n  const buildLastMonth = pipelineHistory.pipelines\n    .map(p => p.scheduled_date)\n    .filter((d): d is number => !!d)\n    .map(d => DateTime.fromMillis(d))\n    .filter(d => d > lastMonth).length;\n  return `${buildLastMonth} last month`;\n}\n\nfunction meanTimeBetweenFailures(jobs: Job[]): string {\n  const timeBetweenFailures: Duration[] = [];\n  for (let index = 1; index < jobs.length; index++) {\n    const job = jobs[index];\n    if (!job.result) {\n      continue;\n    }\n    if (toBuildResultStatus(job.result) === GoCdBuildResultStatus.error) {\n      let previousFailedJob: Job | null = null;\n      for (let j = index - 1; j >= 0; j--) {\n        const candidateJob = jobs[j];\n        if (!candidateJob.result) {\n          continue;\n        }\n        if (\n          toBuildResultStatus(candidateJob.result) ===\n          GoCdBuildResultStatus.error\n        ) {\n          previousFailedJob = candidateJob;\n          break;\n        }\n      }\n      if (\n        !previousFailedJob ||\n        !job.scheduled_date ||\n        !previousFailedJob.scheduled_date\n      ) {\n        continue;\n      }\n      const failedJobDate = DateTime.fromMillis(job.scheduled_date);\n      const previousFailedJobDate = DateTime.fromMillis(\n        previousFailedJob.scheduled_date,\n      );\n      const timeBetweenFailure = failedJobDate.diff(previousFailedJobDate);\n      timeBetweenFailures.push(timeBetweenFailure);\n    }\n  }\n  return formatMean(timeBetweenFailures);\n}\n\n/**\n * Imagine a sequence like:\n * S - S - S - F - S - F - F - S - S\n *\n * We iterate until finding a failure, and then iterate forward\n * until we find the first immediate success to then\n * calculate the time difference between the scheduling of the jobs.\n */\nfunction meanTimeToRecovery(jobs: Job[]): string {\n  const timeToRecoverIntervals: Duration[] = [];\n  for (let index = 0; index < jobs.length; index++) {\n    const job = jobs[index];\n    if (!job.result) {\n      continue;\n    }\n    if (toBuildResultStatus(job.result) === GoCdBuildResultStatus.error) {\n      let nextSuccessfulJob: Job | null = null;\n      for (let j = index + 1; j < jobs.length; j++) {\n        const candidateJob = jobs[j];\n        if (!candidateJob.result) {\n          continue;\n        }\n        if (\n          toBuildResultStatus(candidateJob.result) ===\n          GoCdBuildResultStatus.successful\n        ) {\n          nextSuccessfulJob = candidateJob;\n          break;\n        }\n      }\n      if (\n        !nextSuccessfulJob ||\n        !job.scheduled_date ||\n        !nextSuccessfulJob.scheduled_date\n      ) {\n        continue;\n      }\n      const failedJobDate = DateTime.fromMillis(job.scheduled_date);\n      const successfulJobDate = DateTime.fromMillis(\n        nextSuccessfulJob.scheduled_date,\n      );\n      const timeToRecovery = successfulJobDate.diff(failedJobDate);\n      timeToRecoverIntervals.push(timeToRecovery);\n    }\n  }\n\n  return formatMean(timeToRecoverIntervals);\n}\n\nfunction formatMean(durations: Duration[]): string {\n  if (durations.length === 0) {\n    return 'N/A';\n  }\n\n  const mttr: Duration = Duration.fromMillis(\n    mean(durations.map(i => i.milliseconds)),\n  );\n  return mttr.toFormat(\"d'd' h'h' m'm' s's'\");\n}\n\nfunction failureRate(jobs: Job[]): {\n  title: string;\n  subtitle: string;\n} {\n  const resultGroups = new Map(\n    Object.entries(groupBy(jobs, 'result')).map(([key, value]) => [\n      toBuildResultStatus(key),\n      value.flat(),\n    ]),\n  );\n  const failedJobs = resultGroups.get(GoCdBuildResultStatus.error);\n  if (!failedJobs) {\n    return {\n      title: '0',\n      subtitle: '(no failed jobs found)',\n    };\n  }\n\n  resultGroups.delete(GoCdBuildResultStatus.error);\n  const nonFailedJobs = Array.from(resultGroups.values()).flat();\n\n  const totalJobs = failedJobs.length + nonFailedJobs.length;\n  const percentage = (failedJobs.length / totalJobs) * 100;\n  const decimalPercentage = (Math.round(percentage * 100) / 100).toFixed(2);\n  return {\n    title: `${decimalPercentage}%`,\n    subtitle: `(${failedJobs.length} out of ${totalJobs} jobs)`,\n  };\n}\n\nexport const GoCdBuildsInsights = (\n  props: GoCdBuildsInsightsProps,\n): JSX.Element => {\n  const { pipelineHistory, loading, error } = props;\n\n  if (loading || error || !pipelineHistory) {\n    return <></>;\n  }\n\n  // We reverse the array to calculate insights to make sure jobs are ordered\n  // by their schedule date.\n  const stages = pipelineHistory.pipelines\n    .slice()\n    .reverse()\n    .map(p => p.stages)\n    .flat();\n  const jobs = stages.map(s => s.jobs).flat();\n\n  const failureRateObj: { title: string; subtitle: string } = failureRate(jobs);\n\n  return (\n    <Box data-testid=\"GoCdBuildsInsightsBox\" sx={{ mb: 1 }}>\n      <Grid container spacing={1}>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"What is your deployment frequency?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">Run Frequency</Typography>\n                <Typography variant=\"h4\">\n                  {runFrequency(pipelineHistory)}\n                </Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"How long does it take to fix a failure?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">Mean Time to Recovery</Typography>\n                <Typography variant=\"h4\">{meanTimeToRecovery(jobs)}</Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"How often do changes fail?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">\n                  Mean Time Between Failures\n                </Typography>\n                <Typography variant=\"h4\">\n                  {meanTimeBetweenFailures(jobs)}\n                </Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n        <Grid item xs={6} sm={3}>\n          <Tooltip title=\"What percentage of changes result in a failure?\">\n            <Card>\n              <CardContent>\n                <Typography variant=\"body2\">Failure Rate</Typography>\n                <Typography variant=\"h4\">{failureRateObj.title}</Typography>\n                <Typography variant=\"body2\">\n                  {failureRateObj.subtitle}\n                </Typography>\n              </CardContent>\n            </Card>\n          </Tooltip>\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/GoCdBuildsTable/GoCdBuildsTable.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { getEntitySourceLocation } from '@backstage/catalog-model';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import Alert from '@material-ui/lab/Alert';
@@ -9,51 +10,79 @@ import { DateTime } from 'luxon';
 import { Table, SubvalueCell, StatusWarning, StatusPending, StatusAborted, StatusRunning, StatusError, StatusOK, Link } from '@backstage/core-components';
 
 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 subvalue = /* @__PURE__ */ jsxs(Fragment, { children: [
+    build.pipeline,
+    /* @__PURE__ */ jsx("br", {}),
+    build.author
+  ] });
+  return /* @__PURE__ */ jsx(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));
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(StatusOK, { children: s.text }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("br", {})
+        ] });
       }
       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));
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(StatusError, { children: s.text }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("br", {})
+        ] });
       }
       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));
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(StatusRunning, { children: s.text }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("br", {})
+        ] });
       }
       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));
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(StatusAborted, { children: s.text }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("br", {})
+        ] });
       }
       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));
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(StatusPending, { children: s.text }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("br", {})
+        ] });
       }
       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));
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(StatusWarning, { children: s.text }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("br", {})
+        ] });
       }
     }
   });
 };
 const renderSource = (build) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       href: build.source,
       target: "_blank",
       rel: "noreferrer",
-      startIcon: /* @__PURE__ */ React.createElement(GitHubIcon, null)
-    },
-    build.commitHash
+      startIcon: /* @__PURE__ */ jsx(GitHubIcon, {}),
+      children: build.commitHash
+    }
   );
 };
 const renderId = (goCdBaseUrl, build) => {
   const goCdBuildUrl = `${goCdBaseUrl}/go/pipelines/value_stream_map/${build.buildSlug}`;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SubvalueCell,
     {
-      value: /* @__PURE__ */ React.createElement(Link, { to: goCdBuildUrl, target: "_blank", rel: "noreferrer" }, build.id),
+      value: /* @__PURE__ */ jsx(Link, { to: goCdBuildUrl, target: "_blank", rel: "noreferrer", children: build.id }),
       subvalue: build.triggerTime && DateTime.fromMillis(build.triggerTime).toLocaleString(
         DateTime.DATETIME_MED
       )
@@ -61,7 +90,7 @@ const renderId = (goCdBaseUrl, build) => {
   );
 };
 const renderError = (error) => {
-  return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
 };
 const toBuildResults = (entity, builds) => {
   const entitySourceLocation = getEntitySourceLocation(entity).target.split("/tree")[0];
@@ -109,26 +138,29 @@ const GoCdBuildsTable = (props) => {
       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)
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    error && renderError(error),
+    !error && /* @__PURE__ */ jsx(
+      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)
+      }
+    )
+  ] });
 };
 
 export { GoCdBuildsTable };

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

@@ -1 +1 @@
-{"version":3,"file":"GoCdBuildsTable.esm.js","sources":["../../../src/components/GoCdBuildsTable/GoCdBuildsTable.tsx"],"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 */\nimport React, { useState } from 'react';\nimport { Entity, getEntitySourceLocation } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport Alert from '@material-ui/lab/Alert';\nimport Button from '@material-ui/core/Button';\nimport GitHubIcon from '@material-ui/icons/GitHub';\nimport {\n  GoCdBuildResult,\n  GoCdBuildResultStatus,\n  toBuildResultStatus,\n  PipelineHistory,\n  Pipeline,\n} from '../../api/gocdApi.model';\nimport { DateTime } from 'luxon';\nimport {\n  Table,\n  TableColumn,\n  Link,\n  SubvalueCell,\n  StatusOK,\n  StatusWarning,\n  StatusAborted,\n  StatusError,\n  StatusRunning,\n  StatusPending,\n} from '@backstage/core-components';\n\ntype GoCdBuildsProps = {\n  goCdBaseUrl: string;\n  pipelineHistory: PipelineHistory | undefined;\n  loading: boolean;\n  error: Error | undefined;\n};\n\nconst renderTrigger = (build: GoCdBuildResult): React.ReactNode => {\n  const subvalue = (\n    <>\n      {build.pipeline}\n      <br />\n      {build.author}\n    </>\n  );\n  return <SubvalueCell value={build.message} subvalue={subvalue} />;\n};\n\nconst renderStages = (build: GoCdBuildResult): React.ReactNode => {\n  return build.stages.map(s => {\n    switch (s.status) {\n      case GoCdBuildResultStatus.successful: {\n        return (\n          <>\n            <StatusOK>{s.text}</StatusOK>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.error: {\n        return (\n          <>\n            <StatusError>{s.text}</StatusError>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.running: {\n        return (\n          <>\n            <StatusRunning>{s.text}</StatusRunning>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.aborted: {\n        return (\n          <>\n            <StatusAborted>{s.text}</StatusAborted>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.pending: {\n        return (\n          <>\n            <StatusPending>{s.text}</StatusPending>\n            <br />\n            <br />\n          </>\n        );\n      }\n      default: {\n        return (\n          <>\n            <StatusWarning>{s.text}</StatusWarning>\n            <br />\n            <br />\n          </>\n        );\n      }\n    }\n  });\n};\n\nconst renderSource = (build: GoCdBuildResult): React.ReactNode => {\n  return (\n    <Button\n      href={build.source}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      startIcon={<GitHubIcon />}\n    >\n      {build.commitHash}\n    </Button>\n  );\n};\n\nconst renderId = (\n  goCdBaseUrl: string,\n  build: GoCdBuildResult,\n): React.ReactNode => {\n  const goCdBuildUrl = `${goCdBaseUrl}/go/pipelines/value_stream_map/${build.buildSlug}`;\n  return (\n    <SubvalueCell\n      value={\n        <Link to={goCdBuildUrl} target=\"_blank\" rel=\"noreferrer\">\n          {build.id}\n        </Link>\n      }\n      subvalue={\n        build.triggerTime &&\n        DateTime.fromMillis(build.triggerTime).toLocaleString(\n          DateTime.DATETIME_MED,\n        )\n      }\n    />\n  );\n};\n\nconst renderError = (error: Error): JSX.Element => {\n  return <Alert severity=\"error\">{error.message}</Alert>;\n};\n\nconst toBuildResults = (\n  entity: Entity,\n  builds: Pipeline[],\n): GoCdBuildResult[] | undefined => {\n  // TODO(julioz): What if not git 'type'?\n  const entitySourceLocation =\n    getEntitySourceLocation(entity).target.split('/tree')[0];\n  return builds.map(build => ({\n    id: build.counter,\n    source: `${entitySourceLocation}/commit/${build.build_cause?.material_revisions[0]?.modifications[0].revision}`,\n    stages: build.stages.map(s => ({\n      status: toBuildResultStatus(s.status),\n      text: s.name,\n    })),\n    buildSlug: `${build.name}/${build.counter}`,\n    message:\n      build.build_cause?.material_revisions[0]?.modifications[0].comment ?? '',\n    pipeline: build.name,\n    author:\n      build.build_cause?.material_revisions[0]?.modifications[0].user_name,\n    commitHash: build.label,\n    triggerTime: build.scheduled_date,\n  }));\n};\n\nexport const GoCdBuildsTable = (props: GoCdBuildsProps): JSX.Element => {\n  const { pipelineHistory, loading, error } = props;\n  const { entity } = useEntity();\n  const [, setSelectedSearchTerm] = useState<string>('');\n\n  const columns: TableColumn<GoCdBuildResult>[] = [\n    {\n      title: 'ID',\n      field: 'id',\n      highlight: true,\n      render: build => renderId(props.goCdBaseUrl, build),\n    },\n    {\n      title: 'Trigger',\n      customFilterAndSearch: (query, row: GoCdBuildResult) =>\n        `${row.message} ${row.pipeline} ${row.author}`\n          .toLocaleUpperCase('en-US')\n          .includes(query.toLocaleUpperCase('en-US')),\n      field: 'message',\n      highlight: true,\n      render: build => renderTrigger(build),\n    },\n    {\n      title: 'Stages',\n      field: 'status',\n      render: build => renderStages(build),\n    },\n    {\n      title: 'Source',\n      field: 'source',\n      render: build => renderSource(build),\n    },\n  ];\n\n  return (\n    <>\n      {error && renderError(error)}\n      {!error && (\n        <Table\n          title=\"GoCD builds\"\n          isLoading={loading}\n          options={{\n            search: true,\n            searchAutoFocus: true,\n            debounceInterval: 800,\n            paging: true,\n            padding: 'dense',\n            pageSizeOptions: [5, 10, 20, 50],\n            showFirstLastPageButtons: false,\n            pageSize: 20,\n          }}\n          columns={columns}\n          data={\n            pipelineHistory\n              ? toBuildResults(entity, pipelineHistory.pipelines) || []\n              : []\n          }\n          onSearchChange={(searchTerm: string) =>\n            setSelectedSearchTerm(searchTerm)\n          }\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAiDA,MAAM,aAAA,GAAgB,CAAC,KAA4C,KAAA;AACjE,EAAM,MAAA,QAAA,6DAED,KAAM,CAAA,QAAA,sCACN,IAAG,EAAA,IAAA,CAAA,EACH,MAAM,MACT,CAAA;AAEF,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,KAAA,CAAM,SAAS,QAAoB,EAAA,CAAA;AACjE,CAAA;AAEA,MAAM,YAAA,GAAe,CAAC,KAA4C,KAAA;AAChE,EAAO,OAAA,KAAA,CAAM,MAAO,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AAC3B,IAAA,QAAQ,EAAE,MAAQ;AAAA,MAChB,KAAK,sBAAsB,UAAY,EAAA;AACrC,QACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAU,CAAE,CAAA,IAAK,CAClB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,CAAA,kBACH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACN,CAAA;AAAA;AAEJ,MACA,KAAK,sBAAsB,KAAO,EAAA;AAChC,QACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EAAa,CAAE,CAAA,IAAK,CACrB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,CAAA,kBACH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACN,CAAA;AAAA;AAEJ,MACA,KAAK,sBAAsB,OAAS,EAAA;AAClC,QACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAe,CAAE,CAAA,IAAK,CACvB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,CAAA,kBACH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACN,CAAA;AAAA;AAEJ,MACA,KAAK,sBAAsB,OAAS,EAAA;AAClC,QACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAe,CAAE,CAAA,IAAK,CACvB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,CAAA,kBACH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACN,CAAA;AAAA;AAEJ,MACA,KAAK,sBAAsB,OAAS,EAAA;AAClC,QACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAe,CAAE,CAAA,IAAK,CACvB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,CAAA,kBACH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACN,CAAA;AAAA;AAEJ,MACA,SAAS;AACP,QACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAe,CAAE,CAAA,IAAK,CACvB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,CAAA,kBACH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAG,CACN,CAAA;AAAA;AAEJ;AACF,GACD,CAAA;AACH,CAAA;AAEA,MAAM,YAAA,GAAe,CAAC,KAA4C,KAAA;AAChE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,MAAM,KAAM,CAAA,MAAA;AAAA,MACZ,MAAO,EAAA,QAAA;AAAA,MACP,GAAI,EAAA,YAAA;AAAA,MACJ,SAAA,sCAAY,UAAW,EAAA,IAAA;AAAA,KAAA;AAAA,IAEtB,KAAM,CAAA;AAAA,GACT;AAEJ,CAAA;AAEA,MAAM,QAAA,GAAW,CACf,WAAA,EACA,KACoB,KAAA;AACpB,EAAA,MAAM,YAAe,GAAA,CAAA,EAAG,WAAW,CAAA,+BAAA,EAAkC,MAAM,SAAS,CAAA,CAAA;AACpF,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA,kBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,YAAA,EAAc,QAAO,QAAS,EAAA,GAAA,EAAI,YACzC,EAAA,EAAA,KAAA,CAAM,EACT,CAAA;AAAA,MAEF,UACE,KAAM,CAAA,WAAA,IACN,SAAS,UAAW,CAAA,KAAA,CAAM,WAAW,CAAE,CAAA,cAAA;AAAA,QACrC,QAAS,CAAA;AAAA;AACX;AAAA,GAEJ;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAc,CAAC,KAA8B,KAAA;AACjD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAChD,CAAA;AAEA,MAAM,cAAA,GAAiB,CACrB,MAAA,EACA,MACkC,KAAA;AAElC,EAAM,MAAA,oBAAA,GACJ,wBAAwB,MAAM,CAAA,CAAE,OAAO,KAAM,CAAA,OAAO,EAAE,CAAC,CAAA;AACzD,EAAO,OAAA,MAAA,CAAO,IAAI,CAAU,KAAA,MAAA;AAAA,IAC1B,IAAI,KAAM,CAAA,OAAA;AAAA,IACV,MAAQ,EAAA,CAAA,EAAG,oBAAoB,CAAA,QAAA,EAAW,KAAM,CAAA,WAAA,EAAa,kBAAmB,CAAA,CAAC,CAAG,EAAA,aAAA,CAAc,CAAC,CAAA,CAAE,QAAQ,CAAA,CAAA;AAAA,IAC7G,MAAQ,EAAA,KAAA,CAAM,MAAO,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA;AAAA,MAC7B,MAAA,EAAQ,mBAAoB,CAAA,CAAA,CAAE,MAAM,CAAA;AAAA,MACpC,MAAM,CAAE,CAAA;AAAA,KACR,CAAA,CAAA;AAAA,IACF,WAAW,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA,EAAI,MAAM,OAAO,CAAA,CAAA;AAAA,IACzC,OAAA,EACE,MAAM,WAAa,EAAA,kBAAA,CAAmB,CAAC,CAAG,EAAA,aAAA,CAAc,CAAC,CAAA,CAAE,OAAW,IAAA,EAAA;AAAA,IACxE,UAAU,KAAM,CAAA,IAAA;AAAA,IAChB,MAAA,EACE,MAAM,WAAa,EAAA,kBAAA,CAAmB,CAAC,CAAG,EAAA,aAAA,CAAc,CAAC,CAAE,CAAA,SAAA;AAAA,IAC7D,YAAY,KAAM,CAAA,KAAA;AAAA,IAClB,aAAa,KAAM,CAAA;AAAA,GACnB,CAAA,CAAA;AACJ,CAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAwC,KAAA;AACtE,EAAA,MAAM,EAAE,eAAA,EAAiB,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AAC5C,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,GAAG,qBAAqB,CAAA,GAAI,SAAiB,EAAE,CAAA;AAErD,EAAA,MAAM,OAA0C,GAAA;AAAA,IAC9C;AAAA,MACE,KAAO,EAAA,IAAA;AAAA,MACP,KAAO,EAAA,IAAA;AAAA,MACP,SAAW,EAAA,IAAA;AAAA,MACX,MAAQ,EAAA,CAAA,KAAA,KAAS,QAAS,CAAA,KAAA,CAAM,aAAa,KAAK;AAAA,KACpD;AAAA,IACA;AAAA,MACE,KAAO,EAAA,SAAA;AAAA,MACP,qBAAA,EAAuB,CAAC,KAAO,EAAA,GAAA,KAC7B,GAAG,GAAI,CAAA,OAAO,IAAI,GAAI,CAAA,QAAQ,IAAI,GAAI,CAAA,MAAM,GACzC,iBAAkB,CAAA,OAAO,EACzB,QAAS,CAAA,KAAA,CAAM,iBAAkB,CAAA,OAAO,CAAC,CAAA;AAAA,MAC9C,KAAO,EAAA,SAAA;AAAA,MACP,SAAW,EAAA,IAAA;AAAA,MACX,MAAA,EAAQ,CAAS,KAAA,KAAA,aAAA,CAAc,KAAK;AAAA,KACtC;AAAA,IACA;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,QAAA;AAAA,MACP,MAAA,EAAQ,CAAS,KAAA,KAAA,YAAA,CAAa,KAAK;AAAA,KACrC;AAAA,IACA;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,QAAA;AAAA,MACP,MAAA,EAAQ,CAAS,KAAA,KAAA,YAAA,CAAa,KAAK;AAAA;AACrC,GACF;AAEA,EAAA,iEAEK,KAAS,IAAA,WAAA,CAAY,KAAK,CAAA,EAC1B,CAAC,KACA,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,aAAA;AAAA,MACN,SAAW,EAAA,OAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,eAAiB,EAAA,IAAA;AAAA,QACjB,gBAAkB,EAAA,GAAA;AAAA,QAClB,MAAQ,EAAA,IAAA;AAAA,QACR,OAAS,EAAA,OAAA;AAAA,QACT,eAAiB,EAAA,CAAC,CAAG,EAAA,EAAA,EAAI,IAAI,EAAE,CAAA;AAAA,QAC/B,wBAA0B,EAAA,KAAA;AAAA,QAC1B,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,OAAA;AAAA,MACA,IAAA,EACE,kBACI,cAAe,CAAA,MAAA,EAAQ,gBAAgB,SAAS,CAAA,IAAK,EAAC,GACtD,EAAC;AAAA,MAEP,cAAgB,EAAA,CAAC,UACf,KAAA,qBAAA,CAAsB,UAAU;AAAA;AAAA,GAIxC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"GoCdBuildsTable.esm.js","sources":["../../../src/components/GoCdBuildsTable/GoCdBuildsTable.tsx"],"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 */\nimport { useState } from 'react';\n\nimport * as React from 'react';\nimport { Entity, getEntitySourceLocation } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport Alert from '@material-ui/lab/Alert';\nimport Button from '@material-ui/core/Button';\nimport GitHubIcon from '@material-ui/icons/GitHub';\nimport {\n  GoCdBuildResult,\n  GoCdBuildResultStatus,\n  toBuildResultStatus,\n  PipelineHistory,\n  Pipeline,\n} from '../../api/gocdApi.model';\nimport { DateTime } from 'luxon';\nimport {\n  Table,\n  TableColumn,\n  Link,\n  SubvalueCell,\n  StatusOK,\n  StatusWarning,\n  StatusAborted,\n  StatusError,\n  StatusRunning,\n  StatusPending,\n} from '@backstage/core-components';\n\ntype GoCdBuildsProps = {\n  goCdBaseUrl: string;\n  pipelineHistory: PipelineHistory | undefined;\n  loading: boolean;\n  error: Error | undefined;\n};\n\nconst renderTrigger = (build: GoCdBuildResult): React.ReactNode => {\n  const subvalue = (\n    <>\n      {build.pipeline}\n      <br />\n      {build.author}\n    </>\n  );\n  return <SubvalueCell value={build.message} subvalue={subvalue} />;\n};\n\nconst renderStages = (build: GoCdBuildResult): React.ReactNode => {\n  return build.stages.map(s => {\n    switch (s.status) {\n      case GoCdBuildResultStatus.successful: {\n        return (\n          <>\n            <StatusOK>{s.text}</StatusOK>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.error: {\n        return (\n          <>\n            <StatusError>{s.text}</StatusError>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.running: {\n        return (\n          <>\n            <StatusRunning>{s.text}</StatusRunning>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.aborted: {\n        return (\n          <>\n            <StatusAborted>{s.text}</StatusAborted>\n            <br />\n            <br />\n          </>\n        );\n      }\n      case GoCdBuildResultStatus.pending: {\n        return (\n          <>\n            <StatusPending>{s.text}</StatusPending>\n            <br />\n            <br />\n          </>\n        );\n      }\n      default: {\n        return (\n          <>\n            <StatusWarning>{s.text}</StatusWarning>\n            <br />\n            <br />\n          </>\n        );\n      }\n    }\n  });\n};\n\nconst renderSource = (build: GoCdBuildResult): React.ReactNode => {\n  return (\n    <Button\n      href={build.source}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      startIcon={<GitHubIcon />}\n    >\n      {build.commitHash}\n    </Button>\n  );\n};\n\nconst renderId = (\n  goCdBaseUrl: string,\n  build: GoCdBuildResult,\n): React.ReactNode => {\n  const goCdBuildUrl = `${goCdBaseUrl}/go/pipelines/value_stream_map/${build.buildSlug}`;\n  return (\n    <SubvalueCell\n      value={\n        <Link to={goCdBuildUrl} target=\"_blank\" rel=\"noreferrer\">\n          {build.id}\n        </Link>\n      }\n      subvalue={\n        build.triggerTime &&\n        DateTime.fromMillis(build.triggerTime).toLocaleString(\n          DateTime.DATETIME_MED,\n        )\n      }\n    />\n  );\n};\n\nconst renderError = (error: Error): JSX.Element => {\n  return <Alert severity=\"error\">{error.message}</Alert>;\n};\n\nconst toBuildResults = (\n  entity: Entity,\n  builds: Pipeline[],\n): GoCdBuildResult[] | undefined => {\n  // TODO(julioz): What if not git 'type'?\n  const entitySourceLocation =\n    getEntitySourceLocation(entity).target.split('/tree')[0];\n  return builds.map(build => ({\n    id: build.counter,\n    source: `${entitySourceLocation}/commit/${build.build_cause?.material_revisions[0]?.modifications[0].revision}`,\n    stages: build.stages.map(s => ({\n      status: toBuildResultStatus(s.status),\n      text: s.name,\n    })),\n    buildSlug: `${build.name}/${build.counter}`,\n    message:\n      build.build_cause?.material_revisions[0]?.modifications[0].comment ?? '',\n    pipeline: build.name,\n    author:\n      build.build_cause?.material_revisions[0]?.modifications[0].user_name,\n    commitHash: build.label,\n    triggerTime: build.scheduled_date,\n  }));\n};\n\nexport const GoCdBuildsTable = (props: GoCdBuildsProps): JSX.Element => {\n  const { pipelineHistory, loading, error } = props;\n  const { entity } = useEntity();\n  const [, setSelectedSearchTerm] = useState<string>('');\n\n  const columns: TableColumn<GoCdBuildResult>[] = [\n    {\n      title: 'ID',\n      field: 'id',\n      highlight: true,\n      render: build => renderId(props.goCdBaseUrl, build),\n    },\n    {\n      title: 'Trigger',\n      customFilterAndSearch: (query, row: GoCdBuildResult) =>\n        `${row.message} ${row.pipeline} ${row.author}`\n          .toLocaleUpperCase('en-US')\n          .includes(query.toLocaleUpperCase('en-US')),\n      field: 'message',\n      highlight: true,\n      render: build => renderTrigger(build),\n    },\n    {\n      title: 'Stages',\n      field: 'status',\n      render: build => renderStages(build),\n    },\n    {\n      title: 'Source',\n      field: 'source',\n      render: build => renderSource(build),\n    },\n  ];\n\n  return (\n    <>\n      {error && renderError(error)}\n      {!error && (\n        <Table\n          title=\"GoCD builds\"\n          isLoading={loading}\n          options={{\n            search: true,\n            searchAutoFocus: true,\n            debounceInterval: 800,\n            paging: true,\n            padding: 'dense',\n            pageSizeOptions: [5, 10, 20, 50],\n            showFirstLastPageButtons: false,\n            pageSize: 20,\n          }}\n          columns={columns}\n          data={\n            pipelineHistory\n              ? toBuildResults(entity, pipelineHistory.pipelines) || []\n              : []\n          }\n          onSearchChange={(searchTerm: string) =>\n            setSelectedSearchTerm(searchTerm)\n          }\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Select/Select.esm.js

@@ -1,9 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 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';
-import React from 'react';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -18,7 +18,7 @@ const useStyles = makeStyles(
 );
 const renderItems = (items) => {
   return items.map((item) => {
-    return /* @__PURE__ */ React.createElement(MenuItem, { value: item.value, key: item.label }, item.label);
+    return /* @__PURE__ */ jsx(MenuItem, { value: item.value, children: item.label }, item.label);
   });
 };
 const SelectComponent = ({
@@ -32,15 +32,17 @@ const SelectComponent = ({
     const val = event.target.value;
     onChange(val);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     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))
+      disabled: items.length === 0,
+      children: [
+        /* @__PURE__ */ jsx(InputLabel, { children: label }),
+        /* @__PURE__ */ jsx(Select, { label, value, onChange: handleChange, children: renderItems(items) })
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","sources":["../../../src/components/Select/Select.tsx"],"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 */\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport React from 'react';\n\nexport type Item = {\n  label: string;\n  value: string | number;\n};\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    formControl: {\n      margin: theme.spacing(1),\n      minWidth: 120,\n    },\n    selectEmpty: {\n      marginTop: theme.spacing(2),\n    },\n  }),\n);\n\ntype SelectComponentProps = {\n  value: string;\n  items: Item[];\n  label: string;\n  onChange: (value: string) => void;\n};\n\nconst renderItems = (items: Item[]) => {\n  return items.map(item => {\n    return (\n      <MenuItem value={item.value} key={item.label}>\n        {item.label}\n      </MenuItem>\n    );\n  });\n};\n\nexport const SelectComponent = ({\n  value,\n  items,\n  label,\n  onChange,\n}: SelectComponentProps): JSX.Element => {\n  const classes = useStyles();\n\n  const handleChange = (event: React.ChangeEvent<{ value: unknown }>) => {\n    const val = event.target.value as string;\n    onChange(val);\n  };\n\n  return (\n    <FormControl\n      variant=\"outlined\"\n      className={classes.formControl}\n      disabled={items.length === 0}\n    >\n      <InputLabel>{label}</InputLabel>\n      <Select label={label} value={value} onChange={handleChange}>\n        {renderItems(items)}\n      </Select>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,MACX,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACvB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC5B,GACD;AACH,CAAA;AASA,MAAM,WAAA,GAAc,CAAC,KAAkB,KAAA;AACrC,EAAO,OAAA,KAAA,CAAM,IAAI,CAAQ,IAAA,KAAA;AACvB,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,KAAO,EAAA,IAAA,CAAK,OAAO,GAAK,EAAA,IAAA,CAAK,KACpC,EAAA,EAAA,IAAA,CAAK,KACR,CAAA;AAAA,GAEH,CAAA;AACH,CAAA;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAyC,KAAA;AACvC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiD,KAAA;AACrE,IAAM,MAAA,GAAA,GAAM,MAAM,MAAO,CAAA,KAAA;AACzB,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACd;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,WAAW,OAAQ,CAAA,WAAA;AAAA,MACnB,QAAA,EAAU,MAAM,MAAW,KAAA;AAAA,KAAA;AAAA,oBAE3B,KAAA,CAAA,aAAA,CAAC,kBAAY,KAAM,CAAA;AAAA,oBACnB,KAAA,CAAA,aAAA,CAAC,UAAO,KAAc,EAAA,KAAA,EAAc,UAAU,YAC3C,EAAA,EAAA,WAAA,CAAY,KAAK,CACpB;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Select.esm.js","sources":["../../../src/components/Select/Select.tsx"],"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 */\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport * as React from 'react';\n\nexport type Item = {\n  label: string;\n  value: string | number;\n};\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    formControl: {\n      margin: theme.spacing(1),\n      minWidth: 120,\n    },\n    selectEmpty: {\n      marginTop: theme.spacing(2),\n    },\n  }),\n);\n\ntype SelectComponentProps = {\n  value: string;\n  items: Item[];\n  label: string;\n  onChange: (value: string) => void;\n};\n\nconst renderItems = (items: Item[]) => {\n  return items.map(item => {\n    return (\n      <MenuItem value={item.value} key={item.label}>\n        {item.label}\n      </MenuItem>\n    );\n  });\n};\n\nexport const SelectComponent = ({\n  value,\n  items,\n  label,\n  onChange,\n}: SelectComponentProps): JSX.Element => {\n  const classes = useStyles();\n\n  const handleChange = (event: React.ChangeEvent<{ value: unknown }>) => {\n    const val = event.target.value as string;\n    onChange(val);\n  };\n\n  return (\n    <FormControl\n      variant=\"outlined\"\n      className={classes.formControl}\n      disabled={items.length === 0}\n    >\n      <InputLabel>{label}</InputLabel>\n      <Select label={label} value={value} onChange={handleChange}>\n        {renderItems(items)}\n      </Select>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,MACX,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACvB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC5B,GACD;AACH,CAAA;AASA,MAAM,WAAA,GAAc,CAAC,KAAkB,KAAA;AACrC,EAAO,OAAA,KAAA,CAAM,IAAI,CAAQ,IAAA,KAAA;AACvB,IACE,uBAAA,GAAA,CAAC,YAAS,KAAO,EAAA,IAAA,CAAK,OACnB,QAAK,EAAA,IAAA,CAAA,KAAA,EAAA,EAD0B,KAAK,KAEvC,CAAA;AAAA,GAEH,CAAA;AACH,CAAA;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAyC,KAAA;AACvC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiD,KAAA;AACrE,IAAM,MAAA,GAAA,GAAM,MAAM,MAAO,CAAA,KAAA;AACzB,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACd;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,WAAW,OAAQ,CAAA,WAAA;AAAA,MACnB,QAAA,EAAU,MAAM,MAAW,KAAA,CAAA;AAAA,MAE3B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAY,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBACnB,GAAA,CAAC,UAAO,KAAc,EAAA,KAAA,EAAc,UAAU,YAC3C,EAAA,QAAA,EAAA,WAAA,CAAY,KAAK,CACpB,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-gocd",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "A Backstage plugin that integrates towards GoCD",
   "backstage": {
     "role": "frontend-plugin",
@@ -39,10 +39,10 @@
   },
   "dependencies": {
     "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-components": "^0.17.0",
-    "@backstage/core-plugin-api": "^1.10.5",
+    "@backstage/core-components": "^0.17.1",
+    "@backstage/core-plugin-api": "^1.10.6",
     "@backstage/errors": "^1.2.7",
-    "@backstage/plugin-catalog-react": "^1.16.0",
+    "@backstage/plugin-catalog-react": "^1.17.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -52,10 +52,10 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.31.0",
-    "@backstage/core-app-api": "^1.16.0",
-    "@backstage/dev-utils": "^1.1.8",
-    "@backstage/test-utils": "^1.7.6",
+    "@backstage/cli": "^0.32.0",
+    "@backstage/core-app-api": "^1.16.1",
+    "@backstage/dev-utils": "^1.1.9",
+    "@backstage/test-utils": "^1.7.7",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -64,7 +64,6 @@
     "@types/luxon": "^3.0.0",
     "@types/react": "^16.13.1 || ^17.0.0",
     "@types/react-dom": "^18.2.19",
-    "canvas": "^2.11.2",
     "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",
@@ -83,5 +82,12 @@
       ]
     }
   },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }