@backstage-community/plugin-xcmetrics 0.6.1 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"OverviewTrends.esm.js","sources":["../../../src/components/OverviewTrends/OverviewTrends.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 */\n\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport React, { useState } from 'react';\nimport { Progress, Select } from '@backstage/core-components';\nimport { Trend } from '../Trend';\nimport Alert from '@material-ui/lab/Alert';\nimport AlertTitle from '@material-ui/lab/AlertTitle';\nimport { xcmetricsApiRef } from '../../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { DataValueGridItem } from '../DataValue';\nimport {\n  formatDuration,\n  formatPercentage,\n  getAverageDuration,\n  getErrorRatios,\n  getValues,\n  sumField,\n} from '../../utils';\n\nconst useStyles = makeStyles({\n  spacingTop: {\n    marginTop: 8,\n  },\n  spacingVertical: {\n    marginTop: 8,\n    marginBottom: 8,\n  },\n});\n\nconst DAYS_SELECT_ITEMS = [\n  { label: '7 days', value: 7 },\n  { label: '14 days', value: 14 },\n  { label: '30 days', value: 30 },\n  { label: '60 days', value: 60 },\n];\n\nexport const OverviewTrends = () => {\n  const [days, setDays] = useState(14);\n  const theme = useTheme();\n  const classes = useStyles();\n  const client = useApi(xcmetricsApiRef);\n  const buildCountsResult = useAsync(\n    async () => client.getBuildCounts(days),\n    [days],\n  );\n  const buildTimesResult = useAsync(\n    async () => client.getBuildTimes(days),\n    [days],\n  );\n\n  if (buildCountsResult.loading && buildTimesResult.loading) {\n    return <Progress />;\n  }\n\n  const sumBuilds = sumField(b => b.builds, buildCountsResult.value);\n  const sumErrors = sumField(b => b.errors, buildCountsResult.value);\n  const errorRate = sumBuilds && sumErrors ? sumErrors / sumBuilds : undefined;\n\n  const averageBuildDurationP50 = getAverageDuration(\n    buildTimesResult.value,\n    b => b.durationP50,\n  );\n  const averageBuildDurationP95 = getAverageDuration(\n    buildTimesResult.value,\n    b => b.durationP95,\n  );\n  const totalBuildTime = sumField(t => t.totalDuration, buildTimesResult.value);\n\n  return (\n    <>\n      <Select\n        selected={days}\n        items={DAYS_SELECT_ITEMS}\n        label=\"Trends for\"\n        onChange={selection => setDays(selection as number)}\n      />\n      {buildCountsResult.error && (\n        <Alert severity=\"error\" className={classes.spacingVertical}>\n          <AlertTitle>Failed to fetch build counts</AlertTitle>\n          {buildCountsResult?.error?.message}\n        </Alert>\n      )}\n      {buildTimesResult.error && (\n        <Alert severity=\"error\" className={classes.spacingVertical}>\n          <AlertTitle>Failed to fetch build times</AlertTitle>\n          {buildTimesResult?.error?.message}\n        </Alert>\n      )}\n      {(!buildCountsResult.error || !buildTimesResult.error) && (\n        <div className={classes.spacingVertical}>\n          <Trend\n            title=\"Build Time\"\n            color={theme.palette.secondary.main}\n            data={getValues(e => e.durationP50, buildTimesResult.value)}\n          />\n          <Trend\n            title=\"Error Rate\"\n            color={theme.palette.status.warning}\n            data={getErrorRatios(buildCountsResult.value)}\n          />\n          <Trend\n            title=\"Build Count\"\n            color={theme.palette.primary.main}\n            data={getValues(e => e.builds, buildCountsResult.value)}\n          />\n          <Grid\n            container\n            spacing={3}\n            direction=\"row\"\n            className={classes.spacingTop}\n          >\n            <DataValueGridItem field=\"Build Count\" value={sumBuilds} />\n            <DataValueGridItem field=\"Error Count\" value={sumErrors} />\n            <DataValueGridItem\n              field=\"Error Rate\"\n              value={errorRate && formatPercentage(errorRate)}\n            />\n            <DataValueGridItem\n              field=\"Avg. Build Time (P50)\"\n              value={averageBuildDurationP50}\n            />\n            <DataValueGridItem\n              field=\"Avg. Build Time (P95)\"\n              value={averageBuildDurationP95}\n            />\n            <DataValueGridItem\n              field=\"Total Build Time\"\n              value={totalBuildTime && formatDuration(totalBuildTime)}\n            />\n          </Grid>\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OverviewTrends.esm.js","sources":["../../../src/components/OverviewTrends/OverviewTrends.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 */\n\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport { useState } from 'react';\nimport { Progress, Select } from '@backstage/core-components';\nimport { Trend } from '../Trend';\nimport Alert from '@material-ui/lab/Alert';\nimport AlertTitle from '@material-ui/lab/AlertTitle';\nimport { xcmetricsApiRef } from '../../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { DataValueGridItem } from '../DataValue';\nimport {\n  formatDuration,\n  formatPercentage,\n  getAverageDuration,\n  getErrorRatios,\n  getValues,\n  sumField,\n} from '../../utils';\n\nconst useStyles = makeStyles({\n  spacingTop: {\n    marginTop: 8,\n  },\n  spacingVertical: {\n    marginTop: 8,\n    marginBottom: 8,\n  },\n});\n\nconst DAYS_SELECT_ITEMS = [\n  { label: '7 days', value: 7 },\n  { label: '14 days', value: 14 },\n  { label: '30 days', value: 30 },\n  { label: '60 days', value: 60 },\n];\n\nexport const OverviewTrends = () => {\n  const [days, setDays] = useState(14);\n  const theme = useTheme();\n  const classes = useStyles();\n  const client = useApi(xcmetricsApiRef);\n  const buildCountsResult = useAsync(\n    async () => client.getBuildCounts(days),\n    [days],\n  );\n  const buildTimesResult = useAsync(\n    async () => client.getBuildTimes(days),\n    [days],\n  );\n\n  if (buildCountsResult.loading && buildTimesResult.loading) {\n    return <Progress />;\n  }\n\n  const sumBuilds = sumField(b => b.builds, buildCountsResult.value);\n  const sumErrors = sumField(b => b.errors, buildCountsResult.value);\n  const errorRate = sumBuilds && sumErrors ? sumErrors / sumBuilds : undefined;\n\n  const averageBuildDurationP50 = getAverageDuration(\n    buildTimesResult.value,\n    b => b.durationP50,\n  );\n  const averageBuildDurationP95 = getAverageDuration(\n    buildTimesResult.value,\n    b => b.durationP95,\n  );\n  const totalBuildTime = sumField(t => t.totalDuration, buildTimesResult.value);\n\n  return (\n    <>\n      <Select\n        selected={days}\n        items={DAYS_SELECT_ITEMS}\n        label=\"Trends for\"\n        onChange={selection => setDays(selection as number)}\n      />\n      {buildCountsResult.error && (\n        <Alert severity=\"error\" className={classes.spacingVertical}>\n          <AlertTitle>Failed to fetch build counts</AlertTitle>\n          {buildCountsResult?.error?.message}\n        </Alert>\n      )}\n      {buildTimesResult.error && (\n        <Alert severity=\"error\" className={classes.spacingVertical}>\n          <AlertTitle>Failed to fetch build times</AlertTitle>\n          {buildTimesResult?.error?.message}\n        </Alert>\n      )}\n      {(!buildCountsResult.error || !buildTimesResult.error) && (\n        <div className={classes.spacingVertical}>\n          <Trend\n            title=\"Build Time\"\n            color={theme.palette.secondary.main}\n            data={getValues(e => e.durationP50, buildTimesResult.value)}\n          />\n          <Trend\n            title=\"Error Rate\"\n            color={theme.palette.status.warning}\n            data={getErrorRatios(buildCountsResult.value)}\n          />\n          <Trend\n            title=\"Build Count\"\n            color={theme.palette.primary.main}\n            data={getValues(e => e.builds, buildCountsResult.value)}\n          />\n          <Grid\n            container\n            spacing={3}\n            direction=\"row\"\n            className={classes.spacingTop}\n          >\n            <DataValueGridItem field=\"Build Count\" value={sumBuilds} />\n            <DataValueGridItem field=\"Error Count\" value={sumErrors} />\n            <DataValueGridItem\n              field=\"Error Rate\"\n              value={errorRate && formatPercentage(errorRate)}\n            />\n            <DataValueGridItem\n              field=\"Avg. Build Time (P50)\"\n              value={averageBuildDurationP50}\n            />\n            <DataValueGridItem\n              field=\"Avg. Build Time (P95)\"\n              value={averageBuildDurationP95}\n            />\n            <DataValueGridItem\n              field=\"Total Build Time\"\n              value={totalBuildTime && formatDuration(totalBuildTime)}\n            />\n          </Grid>\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PreformattedText/PreformattedText.esm.js

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
@@ -6,7 +7,7 @@ import DialogTitle from '@material-ui/core/DialogTitle';
 import IconButton from '@material-ui/core/IconButton';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
 import CloseIcon from '@material-ui/icons/Close';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import 'luxon';
 import 'lodash/upperFirst';
 import { cn } from '../../utils/classnames.esm.js';
@@ -44,37 +45,48 @@ const PreformattedText = ({
       setOpen(true);
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      role: expandable ? "button" : void 0,
-      onClick: () => expandable && setOpen(true),
-      onKeyUp: handleKeyUp,
-      tabIndex: expandable ? 0 : void 0
-    },
-    /* @__PURE__ */ React.createElement("pre", { className: cn(classes.pre, expandable && classes.expandable) }, text.slice(0, maxChars - 1).trim(), text.length > maxChars - 1 && "\u2026")
-  ), expandable && /* @__PURE__ */ React.createElement(
-    Dialog,
-    {
-      open,
-      onClose: () => setOpen(false),
-      "aria-labelledby": "dialog-title",
-      "aria-describedby": "dialog-description",
-      maxWidth: "xl",
-      fullWidth: true
-    },
-    /* @__PURE__ */ React.createElement(DialogTitle, { id: "dialog-title" }, title, /* @__PURE__ */ React.createElement(
-      IconButton,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: expandable ? "button" : void 0,
+        onClick: () => expandable && setOpen(true),
+        onKeyUp: handleKeyUp,
+        tabIndex: expandable ? 0 : void 0,
+        children: /* @__PURE__ */ jsxs("pre", { className: cn(classes.pre, expandable && classes.expandable), children: [
+          text.slice(0, maxChars - 1).trim(),
+          text.length > maxChars - 1 && "\u2026"
+        ] })
+      }
+    ),
+    expandable && /* @__PURE__ */ jsxs(
+      Dialog,
       {
-        "aria-label": "close",
-        className: classes.closeButton,
-        onClick: () => setOpen(false)
-      },
-      /* @__PURE__ */ React.createElement(CloseIcon, null)
-    )),
-    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement("pre", { className: classes.fullPre }, text)),
-    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { color: "primary", onClick: () => setOpen(false) }, "Close"))
-  ));
+        open,
+        onClose: () => setOpen(false),
+        "aria-labelledby": "dialog-title",
+        "aria-describedby": "dialog-description",
+        maxWidth: "xl",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { id: "dialog-title", children: [
+            title,
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                "aria-label": "close",
+                className: classes.closeButton,
+                onClick: () => setOpen(false),
+                children: /* @__PURE__ */ jsx(CloseIcon, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("pre", { className: classes.fullPre, children: text }) }),
+          /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: () => setOpen(false), children: "Close" }) })
+        ]
+      }
+    )
+  ] });
 };
 
 export { PreformattedText };

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

@@ -1 +1 @@
-{"version":3,"file":"PreformattedText.esm.js","sources":["../../../src/components/PreformattedText/PreformattedText.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 */\n\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport React, { useState } from 'react';\nimport { cn } from '../../utils';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    pre: {\n      whiteSpace: 'pre-line',\n      wordBreak: 'break-all',\n    },\n    expandable: {\n      cursor: 'pointer',\n    },\n    fullPre: {\n      whiteSpace: 'pre-wrap',\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\ninterface PreformattedTextProps {\n  text: string;\n  maxChars: number;\n}\n\ninterface ExpandableProps extends PreformattedTextProps {\n  expandable: boolean;\n  title: string;\n}\n\ninterface NonExpandableProps extends PreformattedTextProps {\n  expandable?: never;\n  title?: string;\n}\n\nexport const PreformattedText = ({\n  text,\n  maxChars,\n  expandable,\n  title,\n}: NonExpandableProps | ExpandableProps) => {\n  const [open, setOpen] = useState(false);\n  const classes = useStyles();\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (expandable && event.key === 'Enter') {\n      setOpen(true);\n    }\n  };\n\n  return (\n    <>\n      <div\n        role={expandable ? 'button' : undefined}\n        onClick={() => expandable && setOpen(true)}\n        onKeyUp={handleKeyUp}\n        tabIndex={expandable ? 0 : undefined}\n      >\n        <pre className={cn(classes.pre, expandable && classes.expandable)}>\n          {text.slice(0, maxChars - 1).trim()}\n          {text.length > maxChars - 1 && '…'}\n        </pre>\n      </div>\n\n      {expandable && (\n        <Dialog\n          open={open}\n          onClose={() => setOpen(false)}\n          aria-labelledby=\"dialog-title\"\n          aria-describedby=\"dialog-description\"\n          maxWidth=\"xl\"\n          fullWidth\n        >\n          <DialogTitle id=\"dialog-title\">\n            {title}\n            <IconButton\n              aria-label=\"close\"\n              className={classes.closeButton}\n              onClick={() => setOpen(false)}\n            >\n              <CloseIcon />\n            </IconButton>\n          </DialogTitle>\n          <DialogContent>\n            <pre className={classes.fullPre}>{text}</pre>\n          </DialogContent>\n          <DialogActions>\n            <Button color=\"primary\" onClick={() => setOpen(false)}>\n              Close\n            </Button>\n          </DialogActions>\n        </Dialog>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PreformattedText.esm.js","sources":["../../../src/components/PreformattedText/PreformattedText.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 */\n\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport type { KeyboardEvent } from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../utils';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    pre: {\n      whiteSpace: 'pre-line',\n      wordBreak: 'break-all',\n    },\n    expandable: {\n      cursor: 'pointer',\n    },\n    fullPre: {\n      whiteSpace: 'pre-wrap',\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\ninterface PreformattedTextProps {\n  text: string;\n  maxChars: number;\n}\n\ninterface ExpandableProps extends PreformattedTextProps {\n  expandable: boolean;\n  title: string;\n}\n\ninterface NonExpandableProps extends PreformattedTextProps {\n  expandable?: never;\n  title?: string;\n}\n\nexport const PreformattedText = ({\n  text,\n  maxChars,\n  expandable,\n  title,\n}: NonExpandableProps | ExpandableProps) => {\n  const [open, setOpen] = useState(false);\n  const classes = useStyles();\n\n  const handleKeyUp = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (expandable && event.key === 'Enter') {\n      setOpen(true);\n    }\n  };\n\n  return (\n    <>\n      <div\n        role={expandable ? 'button' : undefined}\n        onClick={() => expandable && setOpen(true)}\n        onKeyUp={handleKeyUp}\n        tabIndex={expandable ? 0 : undefined}\n      >\n        <pre className={cn(classes.pre, expandable && classes.expandable)}>\n          {text.slice(0, maxChars - 1).trim()}\n          {text.length > maxChars - 1 && '…'}\n        </pre>\n      </div>\n\n      {expandable && (\n        <Dialog\n          open={open}\n          onClose={() => setOpen(false)}\n          aria-labelledby=\"dialog-title\"\n          aria-describedby=\"dialog-description\"\n          maxWidth=\"xl\"\n          fullWidth\n        >\n          <DialogTitle id=\"dialog-title\">\n            {title}\n            <IconButton\n              aria-label=\"close\"\n              className={classes.closeButton}\n              onClick={() => setOpen(false)}\n            >\n              <CloseIcon />\n            </IconButton>\n          </DialogTitle>\n          <DialogContent>\n            <pre className={classes.fullPre}>{text}</pre>\n          </DialogContent>\n          <DialogActions>\n            <Button color=\"primary\" onClick={() => setOpen(false)}>\n              Close\n            </Button>\n          </DialogActions>\n        </Dialog>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/StatusCell/StatusCell.esm.js

@@ -1,6 +1,6 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Tooltip from '@material-ui/core/Tooltip';
 import { makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { xcmetricsApiRef } from '../../api/types.esm.js';
 import '@backstage/errors';
 import 'luxon';
@@ -17,12 +17,25 @@ const TooltipContent = ({ buildId }) => {
     []
   );
   if (error) {
-    return /* @__PURE__ */ React.createElement("div", null, error.message);
+    return /* @__PURE__ */ jsx("div", { children: error.message });
   }
   if (loading || !value?.build) {
-    return /* @__PURE__ */ React.createElement(Progress, { style: { width: 100 } });
+    return /* @__PURE__ */ jsx(Progress, { style: { width: 100 } });
   }
-  return /* @__PURE__ */ React.createElement("table", null, /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", null, "Started"), /* @__PURE__ */ React.createElement("td", null, new Date(value.build.startTimestamp).toLocaleString())), /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", null, "Duration"), /* @__PURE__ */ React.createElement("td", null, formatDuration(value.build.duration))), /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", null, "Status"), /* @__PURE__ */ React.createElement("td", null, formatStatus(value.build.buildStatus)))));
+  return /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsxs("tbody", { children: [
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { children: "Started" }),
+      /* @__PURE__ */ jsx("td", { children: new Date(value.build.startTimestamp).toLocaleString() })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { children: "Duration" }),
+      /* @__PURE__ */ jsx("td", { children: formatDuration(value.build.duration) })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { children: "Status" }),
+      /* @__PURE__ */ jsx("td", { children: formatStatus(value.build.buildStatus) })
+    ] })
+  ] }) });
 };
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -56,22 +69,22 @@ const StatusCell = (props) => {
   const classes = useStyles(props);
   const { buildStatus } = props;
   if (!buildStatus) {
-    return /* @__PURE__ */ React.createElement("div", { className: classes.root });
+    return /* @__PURE__ */ jsx("div", { className: classes.root });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Tooltip,
     {
-      title: /* @__PURE__ */ React.createElement(TooltipContent, { buildId: buildStatus.id }),
+      title: /* @__PURE__ */ jsx(TooltipContent, { buildId: buildStatus.id }),
       enterNextDelay: 500,
-      arrow: true
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "data-testid": buildStatus.id,
-        className: cn(classes.root, classes[buildStatus.buildStatus])
-      }
-    )
+      arrow: true,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-testid": buildStatus.id,
+          className: cn(classes.root, classes[buildStatus.buildStatus])
+        }
+      )
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"StatusCell.esm.js","sources":["../../../src/components/StatusCell/StatusCell.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 */\n\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport React from 'react';\nimport { BuildStatus, BuildStatusResult, xcmetricsApiRef } from '../../api';\nimport { cn, formatDuration, formatStatus } from '../../utils';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\n\ninterface TooltipContentProps {\n  buildId: string;\n}\n\nconst TooltipContent = ({ buildId }: TooltipContentProps) => {\n  const client = useApi(xcmetricsApiRef);\n  const { value, loading, error } = useAsync(\n    async () => client.getBuild(buildId),\n    [],\n  );\n\n  if (error) {\n    return <div>{error.message}</div>;\n  }\n\n  if (loading || !value?.build) {\n    return <Progress style={{ width: 100 }} />;\n  }\n\n  return (\n    <table>\n      <tbody>\n        <tr>\n          <td>Started</td>\n          <td>{new Date(value.build.startTimestamp).toLocaleString()}</td>\n        </tr>\n        <tr>\n          <td>Duration</td>\n          <td>{formatDuration(value.build.duration)}</td>\n        </tr>\n        <tr>\n          <td>Status</td>\n          <td>{formatStatus(value.build.buildStatus)}</td>\n        </tr>\n      </tbody>\n    </table>\n  );\n};\n\ninterface StatusCellProps {\n  buildStatus?: BuildStatusResult;\n  size: number;\n  spacing: number;\n}\n\ntype StatusStyle = {\n  [key in BuildStatus]: any;\n};\n\nconst useStyles = makeStyles<Theme, StatusCellProps>(theme => ({\n  root: {\n    width: ({ size }) => size,\n    height: ({ size }) => size,\n    marginRight: ({ spacing }) => spacing,\n    marginBottom: ({ spacing }) => spacing,\n    backgroundColor: theme.palette.grey[600],\n    '&:hover': {\n      transform: 'scale(1.2)',\n    },\n  },\n  ...({\n    succeeded: {\n      backgroundColor:\n        theme.palette.type === 'light'\n          ? theme.palette.success.light\n          : theme.palette.success.main,\n    },\n  } as StatusStyle), // Make sure that key matches a status\n  ...({\n    failed: {\n      backgroundColor: theme.palette.error[theme.palette.type],\n    },\n  } as StatusStyle),\n  ...({\n    stopped: {\n      backgroundColor: theme.palette.warning[theme.palette.type],\n    },\n  } as StatusStyle),\n}));\n\nexport const StatusCell = (props: StatusCellProps) => {\n  const classes = useStyles(props);\n  const { buildStatus } = props;\n\n  if (!buildStatus) {\n    return <div className={classes.root} />;\n  }\n\n  return (\n    <Tooltip\n      title={<TooltipContent buildId={buildStatus.id} />}\n      enterNextDelay={500}\n      arrow\n    >\n      <div\n        data-testid={buildStatus.id}\n        className={cn(classes.root, classes[buildStatus.buildStatus])}\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatusCell.esm.js","sources":["../../../src/components/StatusCell/StatusCell.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 */\n\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport { BuildStatus, BuildStatusResult, xcmetricsApiRef } from '../../api';\nimport { cn, formatDuration, formatStatus } from '../../utils';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\n\ninterface TooltipContentProps {\n  buildId: string;\n}\n\nconst TooltipContent = ({ buildId }: TooltipContentProps) => {\n  const client = useApi(xcmetricsApiRef);\n  const { value, loading, error } = useAsync(\n    async () => client.getBuild(buildId),\n    [],\n  );\n\n  if (error) {\n    return <div>{error.message}</div>;\n  }\n\n  if (loading || !value?.build) {\n    return <Progress style={{ width: 100 }} />;\n  }\n\n  return (\n    <table>\n      <tbody>\n        <tr>\n          <td>Started</td>\n          <td>{new Date(value.build.startTimestamp).toLocaleString()}</td>\n        </tr>\n        <tr>\n          <td>Duration</td>\n          <td>{formatDuration(value.build.duration)}</td>\n        </tr>\n        <tr>\n          <td>Status</td>\n          <td>{formatStatus(value.build.buildStatus)}</td>\n        </tr>\n      </tbody>\n    </table>\n  );\n};\n\ninterface StatusCellProps {\n  buildStatus?: BuildStatusResult;\n  size: number;\n  spacing: number;\n}\n\ntype StatusStyle = {\n  [key in BuildStatus]: any;\n};\n\nconst useStyles = makeStyles<Theme, StatusCellProps>(theme => ({\n  root: {\n    width: ({ size }) => size,\n    height: ({ size }) => size,\n    marginRight: ({ spacing }) => spacing,\n    marginBottom: ({ spacing }) => spacing,\n    backgroundColor: theme.palette.grey[600],\n    '&:hover': {\n      transform: 'scale(1.2)',\n    },\n  },\n  ...({\n    succeeded: {\n      backgroundColor:\n        theme.palette.type === 'light'\n          ? theme.palette.success.light\n          : theme.palette.success.main,\n    },\n  } as StatusStyle), // Make sure that key matches a status\n  ...({\n    failed: {\n      backgroundColor: theme.palette.error[theme.palette.type],\n    },\n  } as StatusStyle),\n  ...({\n    stopped: {\n      backgroundColor: theme.palette.warning[theme.palette.type],\n    },\n  } as StatusStyle),\n}));\n\nexport const StatusCell = (props: StatusCellProps) => {\n  const classes = useStyles(props);\n  const { buildStatus } = props;\n\n  if (!buildStatus) {\n    return <div className={classes.root} />;\n  }\n\n  return (\n    <Tooltip\n      title={<TooltipContent buildId={buildStatus.id} />}\n      enterNextDelay={500}\n      arrow\n    >\n      <div\n        data-testid={buildStatus.id}\n        className={cn(classes.root, classes[buildStatus.buildStatus])}\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/StatusIcon/StatusIcon.esm.js

@@ -1,12 +1,12 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { StatusAborted, StatusOK, StatusError, StatusWarning } from '@backstage/core-components';
 
 const STATUS_ICONS = {
-  succeeded: /* @__PURE__ */ React.createElement(StatusOK, null),
-  failed: /* @__PURE__ */ React.createElement(StatusError, null),
-  stopped: /* @__PURE__ */ React.createElement(StatusWarning, null)
+  succeeded: /* @__PURE__ */ jsx(StatusOK, {}),
+  failed: /* @__PURE__ */ jsx(StatusError, {}),
+  stopped: /* @__PURE__ */ jsx(StatusWarning, {})
 };
-const StatusIcon = ({ buildStatus }) => STATUS_ICONS[buildStatus] ?? /* @__PURE__ */ React.createElement(StatusAborted, null);
+const StatusIcon = ({ buildStatus }) => STATUS_ICONS[buildStatus] ?? /* @__PURE__ */ jsx(StatusAborted, {});
 
 export { StatusIcon };
 //# sourceMappingURL=StatusIcon.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.esm.js","sources":["../../../src/components/StatusIcon/StatusIcon.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 {\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  StatusWarning,\n} from '@backstage/core-components';\nimport { BuildStatus } from '../../api';\n\nconst STATUS_ICONS: { [key in BuildStatus]: JSX.Element } = {\n  succeeded: <StatusOK />,\n  failed: <StatusError />,\n  stopped: <StatusWarning />,\n};\n\ninterface StatusIconProps {\n  buildStatus: BuildStatus;\n}\n\nexport const StatusIcon = ({ buildStatus }: StatusIconProps) =>\n  STATUS_ICONS[buildStatus] ?? <StatusAborted />;\n"],"names":[],"mappings":";;;AAwBA,MAAM,YAAsD,GAAA;AAAA,EAC1D,SAAA,sCAAY,QAAS,EAAA,IAAA,CAAA;AAAA,EACrB,MAAA,sCAAS,WAAY,EAAA,IAAA,CAAA;AAAA,EACrB,OAAA,sCAAU,aAAc,EAAA,IAAA;AAC1B,CAAA;AAMa,MAAA,UAAA,GAAa,CAAC,EAAE,WAAA,OAC3B,YAAa,CAAA,WAAW,CAAK,oBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,IAAA;;;;"}
+{"version":3,"file":"StatusIcon.esm.js","sources":["../../../src/components/StatusIcon/StatusIcon.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 {\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  StatusWarning,\n} from '@backstage/core-components';\nimport { BuildStatus } from '../../api';\n\nconst STATUS_ICONS: { [key in BuildStatus]: JSX.Element } = {\n  succeeded: <StatusOK />,\n  failed: <StatusError />,\n  stopped: <StatusWarning />,\n};\n\ninterface StatusIconProps {\n  buildStatus: BuildStatus;\n}\n\nexport const StatusIcon = ({ buildStatus }: StatusIconProps) =>\n  STATUS_ICONS[buildStatus] ?? <StatusAborted />;\n"],"names":[],"mappings":";;;AAuBA,MAAM,YAAsD,GAAA;AAAA,EAC1D,SAAA,sBAAY,QAAS,EAAA,EAAA,CAAA;AAAA,EACrB,MAAA,sBAAS,WAAY,EAAA,EAAA,CAAA;AAAA,EACrB,OAAA,sBAAU,aAAc,EAAA,EAAA;AAC1B,CAAA;AAMa,MAAA,UAAA,GAAa,CAAC,EAAE,WAAA,OAC3B,YAAa,CAAA,WAAW,CAAK,oBAAA,GAAA,CAAC,aAAc,EAAA,EAAA;;;;"}

package/dist/components/StatusMatrix/StatusMatrix.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core/styles';
 import { xcmetricsApiRef } from '../../api/types.esm.js';
 import '@backstage/errors';
@@ -40,27 +40,29 @@ const StatusMatrix = () => {
     error
   } = useAsync(async () => client.getBuildStatuses(300), []);
   if (error) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
   const cols = Math.trunc(rootWidth / (CELL_SIZE + CELL_MARGIN)) || 1;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(classes.root, loading && classes.loading),
-      ref: measureRef
-    },
-    loading && [...new Array(cols * MAX_ROWS)].map((_, index) => {
-      return /* @__PURE__ */ React.createElement(StatusCell, { key: index, size: CELL_SIZE, spacing: CELL_MARGIN });
-    }),
-    builds && builds.slice(0, cols * MAX_ROWS).map((buildStatus, index) => /* @__PURE__ */ React.createElement(
-      StatusCell,
-      {
-        key: index,
-        buildStatus,
-        size: CELL_SIZE,
-        spacing: CELL_MARGIN
-      }
-    ))
+      ref: measureRef,
+      children: [
+        loading && [...new Array(cols * MAX_ROWS)].map((_, index) => {
+          return /* @__PURE__ */ jsx(StatusCell, { size: CELL_SIZE, spacing: CELL_MARGIN }, index);
+        }),
+        builds && builds.slice(0, cols * MAX_ROWS).map((buildStatus, index) => /* @__PURE__ */ jsx(
+          StatusCell,
+          {
+            buildStatus,
+            size: CELL_SIZE,
+            spacing: CELL_MARGIN
+          },
+          index
+        ))
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"StatusMatrix.esm.js","sources":["../../../src/components/StatusMatrix/StatusMatrix.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 */\n\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { xcmetricsApiRef } from '../../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport useMeasure from 'react-use/esm/useMeasure';\nimport { cn } from '../../utils';\nimport { useApi } from '@backstage/core-plugin-api';\nimport Alert from '@material-ui/lab/Alert';\nimport { StatusCell } from '../StatusCell';\n\nconst CELL_SIZE = 12;\nconst CELL_MARGIN = 4;\nconst MAX_ROWS = 4;\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: 8,\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n  },\n  loading: {\n    animation: `$loadingOpacity 900ms ${theme.transitions.easing.easeInOut}`,\n    animationIterationCount: 'infinite',\n  },\n  '@keyframes loadingOpacity': {\n    '0%': { opacity: 0.3 },\n    '100%': { opacity: 0.8 },\n  },\n}));\n\nexport const StatusMatrix = () => {\n  const classes = useStyles();\n  const [measureRef, { width: rootWidth }] = useMeasure<HTMLDivElement>();\n  const client = useApi(xcmetricsApiRef);\n  const {\n    value: builds,\n    loading,\n    error,\n  } = useAsync(async () => client.getBuildStatuses(300), []);\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  const cols = Math.trunc(rootWidth / (CELL_SIZE + CELL_MARGIN)) || 1;\n\n  return (\n    <div\n      className={cn(classes.root, loading && classes.loading)}\n      ref={measureRef}\n    >\n      {loading &&\n        [...new Array(cols * MAX_ROWS)].map((_, index) => {\n          return (\n            <StatusCell key={index} size={CELL_SIZE} spacing={CELL_MARGIN} />\n          );\n        })}\n\n      {builds &&\n        builds\n          .slice(0, cols * MAX_ROWS)\n          .map((buildStatus, index) => (\n            <StatusCell\n              key={index}\n              buildStatus={buildStatus}\n              size={CELL_SIZE}\n              spacing={CELL_MARGIN}\n            />\n          ))}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AA0BA,MAAM,SAAY,GAAA,EAAA;AAClB,MAAM,WAAc,GAAA,CAAA;AACpB,MAAM,QAAW,GAAA,CAAA;AAEjB,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA,CAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,KAAO,EAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,CAAA,sBAAA,EAAyB,KAAM,CAAA,WAAA,CAAY,OAAO,SAAS,CAAA,CAAA;AAAA,IACtE,uBAAyB,EAAA;AAAA,GAC3B;AAAA,EACA,2BAA6B,EAAA;AAAA,IAC3B,IAAA,EAAM,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,IACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAI;AAAA;AAE3B,CAAE,CAAA,CAAA;AAEK,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,UAAY,EAAA,EAAE,OAAO,SAAU,EAAC,IAAI,UAA2B,EAAA;AACtE,EAAM,MAAA,MAAA,GAAS,OAAO,eAAe,CAAA;AACrC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY,MAAA,CAAO,iBAAiB,GAAG,CAAA,EAAG,EAAE,CAAA;AAEzD,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAGhD,EAAA,MAAM,OAAO,IAAK,CAAA,KAAA,CAAM,SAAa,IAAA,SAAA,GAAY,YAAY,CAAK,IAAA,CAAA;AAElE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAG,CAAA,OAAA,CAAQ,IAAM,EAAA,OAAA,IAAW,QAAQ,OAAO,CAAA;AAAA,MACtD,GAAK,EAAA;AAAA,KAAA;AAAA,IAEJ,OACC,IAAA,CAAC,GAAG,IAAI,KAAM,CAAA,IAAA,GAAO,QAAQ,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,KAAU,KAAA;AAChD,MAAA,2CACG,UAAW,EAAA,EAAA,GAAA,EAAK,OAAO,IAAM,EAAA,SAAA,EAAW,SAAS,WAAa,EAAA,CAAA;AAAA,KAElE,CAAA;AAAA,IAEF,MAAA,IACC,MACG,CAAA,KAAA,CAAM,CAAG,EAAA,IAAA,GAAO,QAAQ,CACxB,CAAA,GAAA,CAAI,CAAC,WAAA,EAAa,KACjB,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,WAAA;AAAA,QACA,IAAM,EAAA,SAAA;AAAA,QACN,OAAS,EAAA;AAAA;AAAA,KAEZ;AAAA,GACP;AAEJ;;;;"}
+{"version":3,"file":"StatusMatrix.esm.js","sources":["../../../src/components/StatusMatrix/StatusMatrix.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 */\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { xcmetricsApiRef } from '../../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport useMeasure from 'react-use/esm/useMeasure';\nimport { cn } from '../../utils';\nimport { useApi } from '@backstage/core-plugin-api';\nimport Alert from '@material-ui/lab/Alert';\nimport { StatusCell } from '../StatusCell';\n\nconst CELL_SIZE = 12;\nconst CELL_MARGIN = 4;\nconst MAX_ROWS = 4;\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: 8,\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n  },\n  loading: {\n    animation: `$loadingOpacity 900ms ${theme.transitions.easing.easeInOut}`,\n    animationIterationCount: 'infinite',\n  },\n  '@keyframes loadingOpacity': {\n    '0%': { opacity: 0.3 },\n    '100%': { opacity: 0.8 },\n  },\n}));\n\nexport const StatusMatrix = () => {\n  const classes = useStyles();\n  const [measureRef, { width: rootWidth }] = useMeasure<HTMLDivElement>();\n  const client = useApi(xcmetricsApiRef);\n  const {\n    value: builds,\n    loading,\n    error,\n  } = useAsync(async () => client.getBuildStatuses(300), []);\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  const cols = Math.trunc(rootWidth / (CELL_SIZE + CELL_MARGIN)) || 1;\n\n  return (\n    <div\n      className={cn(classes.root, loading && classes.loading)}\n      ref={measureRef}\n    >\n      {loading &&\n        [...new Array(cols * MAX_ROWS)].map((_, index) => {\n          return (\n            <StatusCell key={index} size={CELL_SIZE} spacing={CELL_MARGIN} />\n          );\n        })}\n\n      {builds &&\n        builds\n          .slice(0, cols * MAX_ROWS)\n          .map((buildStatus, index) => (\n            <StatusCell\n              key={index}\n              buildStatus={buildStatus}\n              size={CELL_SIZE}\n              spacing={CELL_MARGIN}\n            />\n          ))}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,SAAY,GAAA,EAAA;AAClB,MAAM,WAAc,GAAA,CAAA;AACpB,MAAM,QAAW,GAAA,CAAA;AAEjB,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA,CAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,KAAO,EAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,CAAA,sBAAA,EAAyB,KAAM,CAAA,WAAA,CAAY,OAAO,SAAS,CAAA,CAAA;AAAA,IACtE,uBAAyB,EAAA;AAAA,GAC3B;AAAA,EACA,2BAA6B,EAAA;AAAA,IAC3B,IAAA,EAAM,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,IACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAI;AAAA;AAE3B,CAAE,CAAA,CAAA;AAEK,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,UAAY,EAAA,EAAE,OAAO,SAAU,EAAC,IAAI,UAA2B,EAAA;AACtE,EAAM,MAAA,MAAA,GAAS,OAAO,eAAe,CAAA;AACrC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY,MAAA,CAAO,iBAAiB,GAAG,CAAA,EAAG,EAAE,CAAA;AAEzD,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAS,gBAAM,OAAQ,EAAA,CAAA;AAAA;AAGhD,EAAA,MAAM,OAAO,IAAK,CAAA,KAAA,CAAM,SAAa,IAAA,SAAA,GAAY,YAAY,CAAK,IAAA,CAAA;AAElE,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAG,CAAA,OAAA,CAAQ,IAAM,EAAA,OAAA,IAAW,QAAQ,OAAO,CAAA;AAAA,MACtD,GAAK,EAAA,UAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,QACC,OAAA,IAAA,CAAC,GAAG,IAAI,KAAM,CAAA,IAAA,GAAO,QAAQ,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,KAAU,KAAA;AAChD,UAAA,2BACG,UAAuB,EAAA,EAAA,IAAA,EAAM,SAAW,EAAA,OAAA,EAAS,eAAjC,KAA8C,CAAA;AAAA,SAElE,CAAA;AAAA,QAEF,MAAA,IACC,MACG,CAAA,KAAA,CAAM,CAAG,EAAA,IAAA,GAAO,QAAQ,CACxB,CAAA,GAAA,CAAI,CAAC,WAAA,EAAa,KACjB,qBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YAEC,WAAA;AAAA,YACA,IAAM,EAAA,SAAA;AAAA,YACN,OAAS,EAAA;AAAA,WAAA;AAAA,UAHJ;AAAA,SAKR;AAAA;AAAA;AAAA,GACP;AAEJ;;;;"}

package/dist/components/Trend/Trend.esm.js

@@ -1,19 +1,22 @@
-import React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { TrendLine } from '@backstage/core-components';
 import Typography from '@material-ui/core/Typography';
 
 const Trend = ({ data, title, color }) => {
   const emptyData = [0, 0];
   const max = Math.max(...data ?? emptyData);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, title), /* @__PURE__ */ React.createElement(
-    TrendLine,
-    {
-      data: data ?? emptyData,
-      title,
-      max,
-      color: data && color
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "overline", children: title }),
+    /* @__PURE__ */ jsx(
+      TrendLine,
+      {
+        data: data ?? emptyData,
+        title,
+        max,
+        color: data && color
+      }
+    )
+  ] });
 };
 
 export { Trend };

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

@@ -1 +1 @@
-{"version":3,"file":"Trend.esm.js","sources":["../../../src/components/Trend/Trend.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 { TrendLine } from '@backstage/core-components';\nimport Typography from '@material-ui/core/Typography';\n\ninterface TrendProps {\n  data?: number[];\n  title: string;\n  color: string;\n}\n\nexport const Trend = ({ data, title, color }: TrendProps) => {\n  const emptyData = [0, 0];\n  const max = Math.max(...(data ?? emptyData));\n\n  return (\n    <>\n      <Typography variant=\"overline\">{title}</Typography>\n      <TrendLine\n        data={data ?? emptyData}\n        title={title}\n        max={max}\n        color={data && color}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAyBO,MAAM,QAAQ,CAAC,EAAE,IAAM,EAAA,KAAA,EAAO,OAAwB,KAAA;AAC3D,EAAM,MAAA,SAAA,GAAY,CAAC,CAAA,EAAG,CAAC,CAAA;AACvB,EAAA,MAAM,GAAM,GAAA,IAAA,CAAK,GAAI,CAAA,GAAI,QAAQ,SAAU,CAAA;AAE3C,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,UAAA,EAAA,EAAY,KAAM,CACtC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAQ,IAAA,SAAA;AAAA,MACd,KAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAO,IAAQ,IAAA;AAAA;AAAA,GAEnB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Trend.esm.js","sources":["../../../src/components/Trend/Trend.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 { TrendLine } from '@backstage/core-components';\nimport Typography from '@material-ui/core/Typography';\n\ninterface TrendProps {\n  data?: number[];\n  title: string;\n  color: string;\n}\n\nexport const Trend = ({ data, title, color }: TrendProps) => {\n  const emptyData = [0, 0];\n  const max = Math.max(...(data ?? emptyData));\n\n  return (\n    <>\n      <Typography variant=\"overline\">{title}</Typography>\n      <TrendLine\n        data={data ?? emptyData}\n        title={title}\n        max={max}\n        color={data && color}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,QAAQ,CAAC,EAAE,IAAM,EAAA,KAAA,EAAO,OAAwB,KAAA;AAC3D,EAAM,MAAA,SAAA,GAAY,CAAC,CAAA,EAAG,CAAC,CAAA;AACvB,EAAA,MAAM,GAAM,GAAA,IAAA,CAAK,GAAI,CAAA,GAAI,QAAQ,SAAU,CAAA;AAE3C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,UAAA,EAAY,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBACtC,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,MAAM,IAAQ,IAAA,SAAA;AAAA,QACd,KAAA;AAAA,QACA,GAAA;AAAA,QACA,OAAO,IAAQ,IAAA;AAAA;AAAA;AACjB,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/XcmetricsLayout/XcmetricsLayout.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Page, Header, HeaderLabel, TabbedLayout, Content } from '@backstage/core-components';
 import { Overview } from '../Overview/Overview.esm.js';
 import { buildsRouteRef } from '../../routes.esm.js';
@@ -8,15 +8,21 @@ const TABS = [
   {
     path: "/",
     title: "Overview",
-    component: /* @__PURE__ */ React.createElement(Overview, null)
+    component: /* @__PURE__ */ jsx(Overview, {})
   },
   {
     path: buildsRouteRef.path,
     title: "Builds",
-    component: /* @__PURE__ */ React.createElement(BuildList, null)
+    component: /* @__PURE__ */ jsx(BuildList, {})
   }
 ];
-const XcmetricsLayout = () => /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "XCMetrics", subtitle: "Dashboard" }, /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Owner", value: "Spotify" }), /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Lifecycle", value: "Alpha" })), /* @__PURE__ */ React.createElement(TabbedLayout, null, TABS.map((tab) => /* @__PURE__ */ React.createElement(TabbedLayout.Route, { key: tab.path, path: tab.path, title: tab.title }, /* @__PURE__ */ React.createElement(Content, null, tab.component)))));
+const XcmetricsLayout = () => /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+  /* @__PURE__ */ jsxs(Header, { title: "XCMetrics", subtitle: "Dashboard", children: [
+    /* @__PURE__ */ jsx(HeaderLabel, { label: "Owner", value: "Spotify" }),
+    /* @__PURE__ */ jsx(HeaderLabel, { label: "Lifecycle", value: "Alpha" })
+  ] }),
+  /* @__PURE__ */ jsx(TabbedLayout, { children: TABS.map((tab) => /* @__PURE__ */ jsx(TabbedLayout.Route, { path: tab.path, title: tab.title, children: /* @__PURE__ */ jsx(Content, { children: tab.component }) }, tab.path)) })
+] });
 
 export { XcmetricsLayout };
 //# sourceMappingURL=XcmetricsLayout.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"XcmetricsLayout.esm.js","sources":["../../../src/components/XcmetricsLayout/XcmetricsLayout.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, { ReactChild } from 'react';\nimport {\n  Content,\n  Header,\n  HeaderLabel,\n  Page,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport { Overview } from '../Overview';\nimport { buildsRouteRef } from '../../routes';\nimport { BuildList } from '../BuildList';\n\nexport interface TabConfig {\n  path: string;\n  title: string;\n  component: ReactChild;\n}\n\nconst TABS: TabConfig[] = [\n  {\n    path: '/',\n    title: 'Overview',\n    component: <Overview />,\n  },\n  {\n    path: buildsRouteRef.path,\n    title: 'Builds',\n    component: <BuildList />,\n  },\n];\n\nexport const XcmetricsLayout = () => (\n  <Page themeId=\"tool\">\n    <Header title=\"XCMetrics\" subtitle=\"Dashboard\">\n      <HeaderLabel label=\"Owner\" value=\"Spotify\" />\n      <HeaderLabel label=\"Lifecycle\" value=\"Alpha\" />\n    </Header>\n    <TabbedLayout>\n      {TABS.map(tab => (\n        <TabbedLayout.Route key={tab.path} path={tab.path} title={tab.title}>\n          <Content>{tab.component}</Content>\n        </TabbedLayout.Route>\n      ))}\n    </TabbedLayout>\n  </Page>\n);\n"],"names":[],"mappings":";;;;;;AAiCA,MAAM,IAAoB,GAAA;AAAA,EACxB;AAAA,IACE,IAAM,EAAA,GAAA;AAAA,IACN,KAAO,EAAA,UAAA;AAAA,IACP,SAAA,sCAAY,QAAS,EAAA,IAAA;AAAA,GACvB;AAAA,EACA;AAAA,IACE,MAAM,cAAe,CAAA,IAAA;AAAA,IACrB,KAAO,EAAA,QAAA;AAAA,IACP,SAAA,sCAAY,SAAU,EAAA,IAAA;AAAA;AAE1B,CAAA;AAEa,MAAA,eAAA,GAAkB,sBAC7B,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,0BACX,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAM,EAAA,WAAA,EAAY,QAAS,EAAA,WAAA,EAAA,sCAChC,WAAY,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,KAAA,EAAM,SAAU,EAAA,CAAA,sCAC1C,WAAY,EAAA,EAAA,KAAA,EAAM,WAAY,EAAA,KAAA,EAAM,OAAQ,EAAA,CAC/C,mBACC,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,EACE,IAAK,CAAA,GAAA,CAAI,CACR,GAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,aAAa,KAAb,EAAA,EAAmB,GAAK,EAAA,GAAA,CAAI,IAAM,EAAA,IAAA,EAAM,IAAI,IAAM,EAAA,KAAA,EAAO,GAAI,CAAA,KAAA,EAAA,kBAC3D,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAS,IAAI,SAAU,CAC1B,CACD,CACH,CACF;;;;"}
+{"version":3,"file":"XcmetricsLayout.esm.js","sources":["../../../src/components/XcmetricsLayout/XcmetricsLayout.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 { ReactChild } from 'react';\nimport {\n  Content,\n  Header,\n  HeaderLabel,\n  Page,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport { Overview } from '../Overview';\nimport { buildsRouteRef } from '../../routes';\nimport { BuildList } from '../BuildList';\n\nexport interface TabConfig {\n  path: string;\n  title: string;\n  component: ReactChild;\n}\n\nconst TABS: TabConfig[] = [\n  {\n    path: '/',\n    title: 'Overview',\n    component: <Overview />,\n  },\n  {\n    path: buildsRouteRef.path,\n    title: 'Builds',\n    component: <BuildList />,\n  },\n];\n\nexport const XcmetricsLayout = () => (\n  <Page themeId=\"tool\">\n    <Header title=\"XCMetrics\" subtitle=\"Dashboard\">\n      <HeaderLabel label=\"Owner\" value=\"Spotify\" />\n      <HeaderLabel label=\"Lifecycle\" value=\"Alpha\" />\n    </Header>\n    <TabbedLayout>\n      {TABS.map(tab => (\n        <TabbedLayout.Route key={tab.path} path={tab.path} title={tab.title}>\n          <Content>{tab.component}</Content>\n        </TabbedLayout.Route>\n      ))}\n    </TabbedLayout>\n  </Page>\n);\n"],"names":[],"mappings":";;;;;;AAiCA,MAAM,IAAoB,GAAA;AAAA,EACxB;AAAA,IACE,IAAM,EAAA,GAAA;AAAA,IACN,KAAO,EAAA,UAAA;AAAA,IACP,SAAA,sBAAY,QAAS,EAAA,EAAA;AAAA,GACvB;AAAA,EACA;AAAA,IACE,MAAM,cAAe,CAAA,IAAA;AAAA,IACrB,KAAO,EAAA,QAAA;AAAA,IACP,SAAA,sBAAY,SAAU,EAAA,EAAA;AAAA;AAE1B,CAAA;AAEO,MAAM,eAAkB,GAAA,sBAC5B,IAAA,CAAA,IAAA,EAAA,EAAK,SAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,WAAY,EAAA,QAAA,EAAS,WACjC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,KAAA,EAAM,SAAU,EAAA,CAAA;AAAA,oBAC1C,GAAA,CAAA,WAAA,EAAA,EAAY,KAAM,EAAA,WAAA,EAAY,OAAM,OAAQ,EAAA;AAAA,GAC/C,EAAA,CAAA;AAAA,kBACA,GAAA,CAAC,gBACE,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,yBACP,GAAA,CAAA,YAAA,CAAa,KAAb,EAAA,EAAkC,IAAM,EAAA,GAAA,CAAI,MAAM,KAAO,EAAA,GAAA,CAAI,KAC5D,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAS,EAAA,EAAA,QAAA,EAAA,GAAA,CAAI,WAAU,CADD,EAAA,EAAA,GAAA,CAAI,IAE7B,CACD,CACH,EAAA;AAAA,CACF,EAAA;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 
 /** @public */
@@ -7,6 +6,6 @@ declare const xcmetricsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     root: _backstage_core_plugin_api.RouteRef<undefined>;
 }, {}, {}>;
 /** @public */
-declare const XcmetricsPage: () => react.JSX.Element;
+declare const XcmetricsPage: () => react_jsx_runtime.JSX.Element;
 
 export { XcmetricsPage, xcmetricsPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-xcmetrics",
-  "version": "0.6.1",
+  "version": "0.8.0",
   "description": "A Backstage plugin that shows XCode build metrics for your components",
   "backstage": {
     "role": "frontend-plugin",
@@ -37,8 +37,8 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.17.0",
-    "@backstage/core-plugin-api": "^1.10.5",
+    "@backstage/core-components": "^0.17.2",
+    "@backstage/core-plugin-api": "^1.10.7",
     "@backstage/errors": "^1.2.7",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
@@ -50,9 +50,9 @@
     "recharts": "^2.5.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.31.0",
-    "@backstage/dev-utils": "^1.1.8",
-    "@backstage/test-utils": "^1.7.6",
+    "@backstage/cli": "^0.32.1",
+    "@backstage/dev-utils": "^1.1.10",
+    "@backstage/test-utils": "^1.7.8",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -69,5 +69,12 @@
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }