@backstage-community/plugin-xcmetrics 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-xcmetrics
 
+## 0.7.0
+
+### Minor Changes
+
+- 00180f7: Backstage version bump to v1.38.1
+
+## 0.6.1
+
+### Patch Changes
+
+- 4aad9f3: remove unused devDependency `canvas`
+
 ## 0.6.0
 
 ### Minor Changes

package/dist/components/Accordion/Accordion.esm.js

@@ -1,9 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import MuiAccordion from '@material-ui/core/Accordion';
 import MuiAccordionSummary from '@material-ui/core/AccordionSummary';
 import Typography from '@material-ui/core/Typography';
 import AccordionDetails from '@material-ui/core/AccordionDetails';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
-import React from 'react';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 
 const useStyles = makeStyles(
@@ -19,23 +19,27 @@ const useStyles = makeStyles(
 );
 const Accordion = (props) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     MuiAccordion,
     {
       disabled: props.disabled,
-      TransitionProps: { unmountOnExit: props.unmountOnExit ?? false }
-    },
-    /* @__PURE__ */ React.createElement(
-      MuiAccordionSummary,
-      {
-        expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null),
-        "aria-controls": `${props.id}-content`,
-        id: `${props.id}-header`
-      },
-      /* @__PURE__ */ React.createElement(Typography, { className: classes.heading }, props.heading),
-      /* @__PURE__ */ React.createElement(Typography, { className: classes.secondaryHeading }, props.secondaryHeading)
-    ),
-    /* @__PURE__ */ React.createElement(AccordionDetails, null, props.children)
+      TransitionProps: { unmountOnExit: props.unmountOnExit ?? false },
+      children: [
+        /* @__PURE__ */ jsxs(
+          MuiAccordionSummary,
+          {
+            expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+            "aria-controls": `${props.id}-content`,
+            id: `${props.id}-header`,
+            children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.heading, children: props.heading }),
+              /* @__PURE__ */ jsx(Typography, { className: classes.secondaryHeading, children: props.secondaryHeading })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(AccordionDetails, { children: props.children })
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.esm.js","sources":["../../../src/components/Accordion/Accordion.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 MuiAccordion from '@material-ui/core/Accordion';\nimport MuiAccordionSummary from '@material-ui/core/AccordionSummary';\nimport Typography from '@material-ui/core/Typography';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\nimport React, { PropsWithChildren } from 'react';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    heading: {\n      flexBasis: '33.33%',\n      flexShrink: 0,\n    },\n    secondaryHeading: {\n      color: theme.palette.text.secondary,\n    },\n  }),\n);\n\ninterface AccordionProps {\n  id: string;\n  heading: string;\n  secondaryHeading?: string | number;\n  disabled?: boolean;\n  unmountOnExit?: boolean;\n}\n\nexport const Accordion = (props: PropsWithChildren<AccordionProps>) => {\n  const classes = useStyles();\n\n  return (\n    <MuiAccordion\n      disabled={props.disabled}\n      TransitionProps={{ unmountOnExit: props.unmountOnExit ?? false }}\n    >\n      <MuiAccordionSummary\n        expandIcon={<ExpandMoreIcon />}\n        aria-controls={`${props.id}-content`}\n        id={`${props.id}-header`}\n      >\n        <Typography className={classes.heading}>{props.heading}</Typography>\n        <Typography className={classes.secondaryHeading}>\n          {props.secondaryHeading}\n        </Typography>\n      </MuiAccordionSummary>\n      <AccordionDetails>{props.children}</AccordionDetails>\n    </MuiAccordion>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,WAC3B,YAAa,CAAA;AAAA,IACX,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,QAAA;AAAA,MACX,UAAY,EAAA;AAAA,KACd;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACD;AACH,CAAA;AAUa,MAAA,SAAA,GAAY,CAAC,KAA6C,KAAA;AACrE,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,eAAiB,EAAA,EAAE,aAAe,EAAA,KAAA,CAAM,iBAAiB,KAAM;AAAA,KAAA;AAAA,oBAE/D,KAAA,CAAA,aAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,UAAA,sCAAa,cAAe,EAAA,IAAA,CAAA;AAAA,QAC5B,eAAA,EAAe,CAAG,EAAA,KAAA,CAAM,EAAE,CAAA,QAAA,CAAA;AAAA,QAC1B,EAAA,EAAI,CAAG,EAAA,KAAA,CAAM,EAAE,CAAA,OAAA;AAAA,OAAA;AAAA,0CAEd,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,OAAA,EAAA,EAAU,MAAM,OAAQ,CAAA;AAAA,0CACtD,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,gBAAA,EAAA,EAC5B,MAAM,gBACT;AAAA,KACF;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,gBAAkB,EAAA,IAAA,EAAA,KAAA,CAAM,QAAS;AAAA,GACpC;AAEJ;;;;"}
+{"version":3,"file":"Accordion.esm.js","sources":["../../../src/components/Accordion/Accordion.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 MuiAccordion from '@material-ui/core/Accordion';\nimport MuiAccordionSummary from '@material-ui/core/AccordionSummary';\nimport Typography from '@material-ui/core/Typography';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\nimport { PropsWithChildren } from 'react';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    heading: {\n      flexBasis: '33.33%',\n      flexShrink: 0,\n    },\n    secondaryHeading: {\n      color: theme.palette.text.secondary,\n    },\n  }),\n);\n\ninterface AccordionProps {\n  id: string;\n  heading: string;\n  secondaryHeading?: string | number;\n  disabled?: boolean;\n  unmountOnExit?: boolean;\n}\n\nexport const Accordion = (props: PropsWithChildren<AccordionProps>) => {\n  const classes = useStyles();\n\n  return (\n    <MuiAccordion\n      disabled={props.disabled}\n      TransitionProps={{ unmountOnExit: props.unmountOnExit ?? false }}\n    >\n      <MuiAccordionSummary\n        expandIcon={<ExpandMoreIcon />}\n        aria-controls={`${props.id}-content`}\n        id={`${props.id}-header`}\n      >\n        <Typography className={classes.heading}>{props.heading}</Typography>\n        <Typography className={classes.secondaryHeading}>\n          {props.secondaryHeading}\n        </Typography>\n      </MuiAccordionSummary>\n      <AccordionDetails>{props.children}</AccordionDetails>\n    </MuiAccordion>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,WAC3B,YAAa,CAAA;AAAA,IACX,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,QAAA;AAAA,MACX,UAAY,EAAA;AAAA,KACd;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACD;AACH,CAAA;AAUa,MAAA,SAAA,GAAY,CAAC,KAA6C,KAAA;AACrE,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,IAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,eAAiB,EAAA,EAAE,aAAe,EAAA,KAAA,CAAM,iBAAiB,KAAM,EAAA;AAAA,MAE/D,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,UAAA,sBAAa,cAAe,EAAA,EAAA,CAAA;AAAA,YAC5B,eAAA,EAAe,CAAG,EAAA,KAAA,CAAM,EAAE,CAAA,QAAA,CAAA;AAAA,YAC1B,EAAA,EAAI,CAAG,EAAA,KAAA,CAAM,EAAE,CAAA,OAAA,CAAA;AAAA,YAEf,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,OAAA,EAAU,gBAAM,OAAQ,EAAA,CAAA;AAAA,kCACtD,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,gBAAA,EAC5B,gBAAM,gBACT,EAAA;AAAA;AAAA;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,gBAAkB,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,QAAS,EAAA;AAAA;AAAA;AAAA,GACpC;AAEJ;;;;"}

package/dist/components/BuildDetails/BuildDetails.esm.js

@@ -1,7 +1,7 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Divider from '@material-ui/core/Divider';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { xcmetricsApiRef } from '../../api/types.esm.js';
 import '@backstage/errors';
 import 'luxon';
@@ -53,68 +53,96 @@ const BuildDetails = ({
     "started at": formatTime(build.startTimestamp),
     "ended at": formatTime(build.endTimestamp),
     duration: formatDuration(build.duration),
-    status: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusIcon, { buildStatus: build.buildStatus }), formatStatus(build.buildStatus)),
+    status: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(StatusIcon, { buildStatus: build.buildStatus }),
+      formatStatus(build.buildStatus)
+    ] }),
     xcode: xcode ? `${xcode.version} (${xcode.buildNumber})` : "Unknown",
     CI: build.isCi
   };
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, direction: "row" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: showId === false ? buildDetails : { id: build.id, ...buildDetails }
-    }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 8 }, /* @__PURE__ */ React.createElement(
-    Accordion,
-    {
-      id: "buildHost",
-      heading: "Host",
-      secondaryHeading: build.machineName
-    },
-    hostResult.loading && /* @__PURE__ */ React.createElement(Progress, null),
-    !hostResult.loading && hostResult.value && /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata: hostResult.value })
-  ), /* @__PURE__ */ React.createElement(
-    Accordion,
-    {
-      id: "buildErrors",
-      heading: "Errors",
-      secondaryHeading: build.errorCount,
-      disabled: build.errorCount === 0
-    },
-    /* @__PURE__ */ React.createElement("div", null, errorsResult.loading && /* @__PURE__ */ React.createElement(Progress, null), !errorsResult.loading && errorsResult.value?.map((error, idx) => /* @__PURE__ */ React.createElement("div", { key: error.id }, /* @__PURE__ */ React.createElement(
-      PreformattedText,
-      {
-        title: "Error Details",
-        text: error.detail,
-        maxChars: 190,
-        expandable: true
-      }
-    ), idx !== errorsResult.value.length - 1 && /* @__PURE__ */ React.createElement(Divider, { className: classes.divider }))))
-  ), /* @__PURE__ */ React.createElement(
-    Accordion,
-    {
-      id: "buildWarnings",
-      heading: "Warnings",
-      secondaryHeading: build.warningCount,
-      disabled: build.warningCount === 0
-    },
-    /* @__PURE__ */ React.createElement("div", null, warningsResult.loading && /* @__PURE__ */ React.createElement(Progress, null), !warningsResult.loading && warningsResult.value?.map((warning, idx) => /* @__PURE__ */ React.createElement("div", { key: warning.id }, /* @__PURE__ */ React.createElement(
-      PreformattedText,
+  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, direction: "row", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      StructuredMetadataTable,
       {
-        title: "Warning Details",
-        text: warning.detail ?? warning.title,
-        maxChars: 190,
-        expandable: true
+        metadata: showId === false ? buildDetails : { id: build.id, ...buildDetails }
       }
-    ), idx !== warningsResult.value.length - 1 && /* @__PURE__ */ React.createElement(Divider, { className: classes.divider }))))
-  ), /* @__PURE__ */ React.createElement(
-    Accordion,
-    {
-      id: "buildMetadata",
-      heading: "Metadata",
-      disabled: !metadataResult.loading && !metadataResult.value
-    },
-    metadataResult.loading && /* @__PURE__ */ React.createElement(Progress, null),
-    !metadataResult.loading && metadataResult.value && /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata: metadataResult.value })
-  ), /* @__PURE__ */ React.createElement(Accordion, { id: "buildTimeline", heading: "Timeline", unmountOnExit: true }, /* @__PURE__ */ React.createElement(BuildTimeline, { targets }))));
+    ) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 8, children: [
+      /* @__PURE__ */ jsxs(
+        Accordion,
+        {
+          id: "buildHost",
+          heading: "Host",
+          secondaryHeading: build.machineName,
+          children: [
+            hostResult.loading && /* @__PURE__ */ jsx(Progress, {}),
+            !hostResult.loading && hostResult.value && /* @__PURE__ */ jsx(StructuredMetadataTable, { metadata: hostResult.value })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          id: "buildErrors",
+          heading: "Errors",
+          secondaryHeading: build.errorCount,
+          disabled: build.errorCount === 0,
+          children: /* @__PURE__ */ jsxs("div", { children: [
+            errorsResult.loading && /* @__PURE__ */ jsx(Progress, {}),
+            !errorsResult.loading && errorsResult.value?.map((error, idx) => /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                PreformattedText,
+                {
+                  title: "Error Details",
+                  text: error.detail,
+                  maxChars: 190,
+                  expandable: true
+                }
+              ),
+              idx !== errorsResult.value.length - 1 && /* @__PURE__ */ jsx(Divider, { className: classes.divider })
+            ] }, error.id))
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          id: "buildWarnings",
+          heading: "Warnings",
+          secondaryHeading: build.warningCount,
+          disabled: build.warningCount === 0,
+          children: /* @__PURE__ */ jsxs("div", { children: [
+            warningsResult.loading && /* @__PURE__ */ jsx(Progress, {}),
+            !warningsResult.loading && warningsResult.value?.map((warning, idx) => /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                PreformattedText,
+                {
+                  title: "Warning Details",
+                  text: warning.detail ?? warning.title,
+                  maxChars: 190,
+                  expandable: true
+                }
+              ),
+              idx !== warningsResult.value.length - 1 && /* @__PURE__ */ jsx(Divider, { className: classes.divider })
+            ] }, warning.id))
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Accordion,
+        {
+          id: "buildMetadata",
+          heading: "Metadata",
+          disabled: !metadataResult.loading && !metadataResult.value,
+          children: [
+            metadataResult.loading && /* @__PURE__ */ jsx(Progress, {}),
+            !metadataResult.loading && metadataResult.value && /* @__PURE__ */ jsx(StructuredMetadataTable, { metadata: metadataResult.value })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Accordion, { id: "buildTimeline", heading: "Timeline", unmountOnExit: true, children: /* @__PURE__ */ jsx(BuildTimeline, { targets }) })
+    ] })
+  ] });
 };
 const withRequest = (Component) => ({ buildId, ...props }) => {
   const client = useApi(xcmetricsApiRef);
@@ -124,15 +152,18 @@ const withRequest = (Component) => ({ buildId, ...props }) => {
     error
   } = useAsync(async () => client.getBuild(buildId), []);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
   if (!buildResponse) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Could not load build ", buildId);
+    return /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
+      "Could not load build ",
+      buildId
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(Component, { ...props, buildData: buildResponse });
+  return /* @__PURE__ */ jsx(Component, { ...props, buildData: buildResponse });
 };
 
 export { BuildDetails, withRequest };

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

@@ -1 +1 @@
-{"version":3,"file":"BuildDetails.esm.js","sources":["../../../src/components/BuildDetails/BuildDetails.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 Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport { BuildResponse, xcmetricsApiRef } from '../../api';\nimport { Progress, StructuredMetadataTable } from '@backstage/core-components';\nimport Alert from '@material-ui/lab/Alert';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { formatDuration, formatStatus, formatTime } from '../../utils';\nimport { StatusIcon } from '../StatusIcon';\nimport { Accordion } from '../Accordion';\nimport { BuildTimeline } from '../BuildTimeline';\nimport { PreformattedText } from '../PreformattedText';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    divider: {\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n);\n\ninterface BuildDetailsProps {\n  buildData: BuildResponse;\n  showId?: boolean;\n}\n\nexport const BuildDetails = ({\n  buildData: { build, targets, xcode },\n  showId,\n}: BuildDetailsProps) => {\n  const classes = useStyles();\n  const client = useApi(xcmetricsApiRef);\n  const hostResult = useAsync(\n    async () => client.getBuildHost(build.id),\n    [build.id],\n  );\n  const errorsResult = useAsync(\n    async () => client.getBuildErrors(build.id),\n    [build.id],\n  );\n  const warningsResult = useAsync(\n    async () => client.getBuildWarnings(build.id),\n    [build.id],\n  );\n  const metadataResult = useAsync(\n    async () => client.getBuildMetadata(build.id),\n    [build.id],\n  );\n\n  const buildDetails = {\n    project: build.projectName,\n    schema: build.schema,\n    category: build.category,\n    userId: build.userid,\n    'started at': formatTime(build.startTimestamp),\n    'ended at': formatTime(build.endTimestamp),\n    duration: formatDuration(build.duration),\n    status: (\n      <>\n        <StatusIcon buildStatus={build.buildStatus} />\n        {formatStatus(build.buildStatus)}\n      </>\n    ),\n    xcode: xcode ? `${xcode.version} (${xcode.buildNumber})` : 'Unknown',\n    CI: build.isCi,\n  };\n\n  return (\n    <Grid container item direction=\"row\">\n      <Grid item xs={4}>\n        <StructuredMetadataTable\n          metadata={\n            showId === false ? buildDetails : { id: build.id, ...buildDetails }\n          }\n        />\n      </Grid>\n      <Grid item xs={8}>\n        <Accordion\n          id=\"buildHost\"\n          heading=\"Host\"\n          secondaryHeading={build.machineName}\n        >\n          {hostResult.loading && <Progress />}\n          {!hostResult.loading && hostResult.value && (\n            <StructuredMetadataTable metadata={hostResult.value} />\n          )}\n        </Accordion>\n\n        <Accordion\n          id=\"buildErrors\"\n          heading=\"Errors\"\n          secondaryHeading={build.errorCount}\n          disabled={build.errorCount === 0}\n        >\n          <div>\n            {errorsResult.loading && <Progress />}\n            {!errorsResult.loading &&\n              errorsResult.value?.map((error, idx) => (\n                <div key={error.id}>\n                  <PreformattedText\n                    title=\"Error Details\"\n                    text={error.detail}\n                    maxChars={190}\n                    expandable\n                  />\n                  {idx !== errorsResult.value.length - 1 && (\n                    <Divider className={classes.divider} />\n                  )}\n                </div>\n              ))}\n          </div>\n        </Accordion>\n\n        <Accordion\n          id=\"buildWarnings\"\n          heading=\"Warnings\"\n          secondaryHeading={build.warningCount}\n          disabled={build.warningCount === 0}\n        >\n          <div>\n            {warningsResult.loading && <Progress />}\n            {!warningsResult.loading &&\n              warningsResult.value?.map((warning, idx) => (\n                <div key={warning.id}>\n                  <PreformattedText\n                    title=\"Warning Details\"\n                    text={warning.detail ?? warning.title}\n                    maxChars={190}\n                    expandable\n                  />\n                  {idx !== warningsResult.value.length - 1 && (\n                    <Divider className={classes.divider} />\n                  )}\n                </div>\n              ))}\n          </div>\n        </Accordion>\n\n        <Accordion\n          id=\"buildMetadata\"\n          heading=\"Metadata\"\n          disabled={!metadataResult.loading && !metadataResult.value}\n        >\n          {metadataResult.loading && <Progress />}\n          {!metadataResult.loading && metadataResult.value && (\n            <StructuredMetadataTable metadata={metadataResult.value} />\n          )}\n        </Accordion>\n\n        <Accordion id=\"buildTimeline\" heading=\"Timeline\" unmountOnExit>\n          <BuildTimeline targets={targets} />\n        </Accordion>\n      </Grid>\n    </Grid>\n  );\n};\n\ntype WithRequestProps = Omit<BuildDetailsProps, 'buildData'> & {\n  buildId: string;\n};\n\nexport const withRequest =\n  (Component: typeof BuildDetails) =>\n  ({ buildId, ...props }: WithRequestProps) => {\n    const client = useApi(xcmetricsApiRef);\n    const {\n      value: buildResponse,\n      loading,\n      error,\n    } = useAsync(async () => client.getBuild(buildId), []);\n\n    if (loading) {\n      return <Progress />;\n    }\n\n    if (error) {\n      return <Alert severity=\"error\">{error.message}</Alert>;\n    }\n\n    if (!buildResponse) {\n      return <Alert severity=\"error\">Could not load build {buildId}</Alert>;\n    }\n\n    return <Component {...props} buildData={buildResponse} />;\n  };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BuildDetails.esm.js","sources":["../../../src/components/BuildDetails/BuildDetails.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 Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport { BuildResponse, xcmetricsApiRef } from '../../api';\nimport { Progress, StructuredMetadataTable } from '@backstage/core-components';\nimport Alert from '@material-ui/lab/Alert';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { formatDuration, formatStatus, formatTime } from '../../utils';\nimport { StatusIcon } from '../StatusIcon';\nimport { Accordion } from '../Accordion';\nimport { BuildTimeline } from '../BuildTimeline';\nimport { PreformattedText } from '../PreformattedText';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    divider: {\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n);\n\ninterface BuildDetailsProps {\n  buildData: BuildResponse;\n  showId?: boolean;\n}\n\nexport const BuildDetails = ({\n  buildData: { build, targets, xcode },\n  showId,\n}: BuildDetailsProps) => {\n  const classes = useStyles();\n  const client = useApi(xcmetricsApiRef);\n  const hostResult = useAsync(\n    async () => client.getBuildHost(build.id),\n    [build.id],\n  );\n  const errorsResult = useAsync(\n    async () => client.getBuildErrors(build.id),\n    [build.id],\n  );\n  const warningsResult = useAsync(\n    async () => client.getBuildWarnings(build.id),\n    [build.id],\n  );\n  const metadataResult = useAsync(\n    async () => client.getBuildMetadata(build.id),\n    [build.id],\n  );\n\n  const buildDetails = {\n    project: build.projectName,\n    schema: build.schema,\n    category: build.category,\n    userId: build.userid,\n    'started at': formatTime(build.startTimestamp),\n    'ended at': formatTime(build.endTimestamp),\n    duration: formatDuration(build.duration),\n    status: (\n      <>\n        <StatusIcon buildStatus={build.buildStatus} />\n        {formatStatus(build.buildStatus)}\n      </>\n    ),\n    xcode: xcode ? `${xcode.version} (${xcode.buildNumber})` : 'Unknown',\n    CI: build.isCi,\n  };\n\n  return (\n    <Grid container item direction=\"row\">\n      <Grid item xs={4}>\n        <StructuredMetadataTable\n          metadata={\n            showId === false ? buildDetails : { id: build.id, ...buildDetails }\n          }\n        />\n      </Grid>\n      <Grid item xs={8}>\n        <Accordion\n          id=\"buildHost\"\n          heading=\"Host\"\n          secondaryHeading={build.machineName}\n        >\n          {hostResult.loading && <Progress />}\n          {!hostResult.loading && hostResult.value && (\n            <StructuredMetadataTable metadata={hostResult.value} />\n          )}\n        </Accordion>\n\n        <Accordion\n          id=\"buildErrors\"\n          heading=\"Errors\"\n          secondaryHeading={build.errorCount}\n          disabled={build.errorCount === 0}\n        >\n          <div>\n            {errorsResult.loading && <Progress />}\n            {!errorsResult.loading &&\n              errorsResult.value?.map((error, idx) => (\n                <div key={error.id}>\n                  <PreformattedText\n                    title=\"Error Details\"\n                    text={error.detail}\n                    maxChars={190}\n                    expandable\n                  />\n                  {idx !== errorsResult.value.length - 1 && (\n                    <Divider className={classes.divider} />\n                  )}\n                </div>\n              ))}\n          </div>\n        </Accordion>\n\n        <Accordion\n          id=\"buildWarnings\"\n          heading=\"Warnings\"\n          secondaryHeading={build.warningCount}\n          disabled={build.warningCount === 0}\n        >\n          <div>\n            {warningsResult.loading && <Progress />}\n            {!warningsResult.loading &&\n              warningsResult.value?.map((warning, idx) => (\n                <div key={warning.id}>\n                  <PreformattedText\n                    title=\"Warning Details\"\n                    text={warning.detail ?? warning.title}\n                    maxChars={190}\n                    expandable\n                  />\n                  {idx !== warningsResult.value.length - 1 && (\n                    <Divider className={classes.divider} />\n                  )}\n                </div>\n              ))}\n          </div>\n        </Accordion>\n\n        <Accordion\n          id=\"buildMetadata\"\n          heading=\"Metadata\"\n          disabled={!metadataResult.loading && !metadataResult.value}\n        >\n          {metadataResult.loading && <Progress />}\n          {!metadataResult.loading && metadataResult.value && (\n            <StructuredMetadataTable metadata={metadataResult.value} />\n          )}\n        </Accordion>\n\n        <Accordion id=\"buildTimeline\" heading=\"Timeline\" unmountOnExit>\n          <BuildTimeline targets={targets} />\n        </Accordion>\n      </Grid>\n    </Grid>\n  );\n};\n\ntype WithRequestProps = Omit<BuildDetailsProps, 'buildData'> & {\n  buildId: string;\n};\n\nexport const withRequest =\n  (Component: typeof BuildDetails) =>\n  ({ buildId, ...props }: WithRequestProps) => {\n    const client = useApi(xcmetricsApiRef);\n    const {\n      value: buildResponse,\n      loading,\n      error,\n    } = useAsync(async () => client.getBuild(buildId), []);\n\n    if (loading) {\n      return <Progress />;\n    }\n\n    if (error) {\n      return <Alert severity=\"error\">{error.message}</Alert>;\n    }\n\n    if (!buildResponse) {\n      return <Alert severity=\"error\">Could not load build {buildId}</Alert>;\n    }\n\n    return <Component {...props} buildData={buildResponse} />;\n  };\n"],"names":[],"mappings":"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"}

package/dist/components/BuildList/BuildList.esm.js

@@ -1,4 +1,5 @@
-import React, { useRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState } from 'react';
 import { Table } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { xcmetricsApiRef } from '../../api/types.esm.js';
@@ -31,42 +32,45 @@ const BuildList = () => {
     setFilters(values);
     tableRef.current?.onQueryChange();
   };
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(
-    BuildListFilter,
-    {
-      onFilterChange: handleFilterChange,
-      initialValues: initialFilters
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      title: "Builds",
-      columns: buildPageColumns,
-      options: { paging: true, sorting: false, search: false, pageSize: 10 },
-      tableRef,
-      data: (query) => {
-        return new Promise((resolve, reject) => {
-          if (!query) return;
-          client.getFilteredBuilds(
-            filters,
-            query.page + 1,
-            // Page is 0-indexed in Table
-            query.pageSize
-          ).then((result) => {
-            resolve({
-              data: result.items,
-              page: result.metadata.page - 1,
-              totalCount: result.metadata.total
-            });
-          }).catch((reason) => reject(reason));
-        });
-      },
-      detailPanel: (rowData) => {
-        const BuildDetailsWithRequest = withRequest(BuildDetails);
-        return /* @__PURE__ */ React.createElement("div", { className: classes.detailPanel }, /* @__PURE__ */ React.createElement(BuildDetailsWithRequest, { buildId: rowData.rowData.id }));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, direction: "column", children: [
+    /* @__PURE__ */ jsx(
+      BuildListFilter,
+      {
+        onFilterChange: handleFilterChange,
+        initialValues: initialFilters
       }
-    }
-  ));
+    ),
+    /* @__PURE__ */ jsx(
+      Table,
+      {
+        title: "Builds",
+        columns: buildPageColumns,
+        options: { paging: true, sorting: false, search: false, pageSize: 10 },
+        tableRef,
+        data: (query) => {
+          return new Promise((resolve, reject) => {
+            if (!query) return;
+            client.getFilteredBuilds(
+              filters,
+              query.page + 1,
+              // Page is 0-indexed in Table
+              query.pageSize
+            ).then((result) => {
+              resolve({
+                data: result.items,
+                page: result.metadata.page - 1,
+                totalCount: result.metadata.total
+              });
+            }).catch((reason) => reject(reason));
+          });
+        },
+        detailPanel: (rowData) => {
+          const BuildDetailsWithRequest = withRequest(BuildDetails);
+          return /* @__PURE__ */ jsx("div", { className: classes.detailPanel, children: /* @__PURE__ */ jsx(BuildDetailsWithRequest, { buildId: rowData.rowData.id }) });
+        }
+      }
+    )
+  ] });
 };
 
 export { BuildList };

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

@@ -1 +1 @@
-{"version":3,"file":"BuildList.esm.js","sources":["../../../src/components/BuildList/BuildList.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, { useRef, useState } from 'react';\nimport { Table } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { BuildFilters, xcmetricsApiRef } from '../../api';\nimport Grid from '@material-ui/core/Grid';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport { BuildListFilter as Filters } from '../BuildListFilter';\nimport { DateTime } from 'luxon';\nimport { buildPageColumns } from '../BuildTableColumns';\nimport { BuildDetails, withRequest } from '../BuildDetails';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    detailPanel: {\n      padding: theme.spacing(2),\n      backgroundColor: theme.palette.background.paper,\n    },\n  }),\n);\n\nexport const BuildList = () => {\n  const classes = useStyles();\n  const client = useApi(xcmetricsApiRef);\n  const tableRef = useRef<any>();\n\n  const initialFilters = {\n    from: DateTime.now().minus({ years: 1 }).toISODate()!,\n    to: DateTime.now().toISODate()!,\n  };\n\n  const [filters, setFilters] = useState<BuildFilters>(initialFilters);\n\n  const handleFilterChange = (values: BuildFilters) => {\n    setFilters(values);\n    tableRef.current?.onQueryChange();\n  };\n\n  return (\n    <Grid container spacing={3} direction=\"column\">\n      <Filters\n        onFilterChange={handleFilterChange}\n        initialValues={initialFilters}\n      />\n      <Table\n        title=\"Builds\"\n        columns={buildPageColumns}\n        options={{ paging: true, sorting: false, search: false, pageSize: 10 }}\n        tableRef={tableRef}\n        data={query => {\n          return new Promise((resolve, reject) => {\n            if (!query) return;\n            client\n              .getFilteredBuilds(\n                filters,\n                query.page + 1, // Page is 0-indexed in Table\n                query.pageSize,\n              )\n              .then(result => {\n                resolve({\n                  data: result.items,\n                  page: result.metadata.page - 1,\n                  totalCount: result.metadata.total,\n                });\n              })\n              .catch(reason => reject(reason));\n          });\n        }}\n        detailPanel={rowData => {\n          const BuildDetailsWithRequest = withRequest(BuildDetails);\n          return (\n            <div className={classes.detailPanel}>\n              <BuildDetailsWithRequest buildId={(rowData as any).rowData.id} />\n            </div>\n          );\n        }}\n      />\n    </Grid>\n  );\n};\n"],"names":["Filters"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,WAC3B,YAAa,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,MACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACxB,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA;AAC5C,GACD;AACH,CAAA;AAEO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,MAAA,GAAS,OAAO,eAAe,CAAA;AACrC,EAAA,MAAM,WAAW,MAAY,EAAA;AAE7B,EAAA,MAAM,cAAiB,GAAA;AAAA,IACrB,IAAA,EAAM,QAAS,CAAA,GAAA,EAAM,CAAA,KAAA,CAAM,EAAE,KAAO,EAAA,CAAA,EAAG,CAAA,CAAE,SAAU,EAAA;AAAA,IACnD,EAAI,EAAA,QAAA,CAAS,GAAI,EAAA,CAAE,SAAU;AAAA,GAC/B;AAEA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAuB,cAAc,CAAA;AAEnE,EAAM,MAAA,kBAAA,GAAqB,CAAC,MAAyB,KAAA;AACnD,IAAA,UAAA,CAAW,MAAM,CAAA;AACjB,IAAA,QAAA,CAAS,SAAS,aAAc,EAAA;AAAA,GAClC;AAEA,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,WAAU,QACpC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MACC,cAAgB,EAAA,kBAAA;AAAA,MAChB,aAAe,EAAA;AAAA;AAAA,GAEjB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,QAAA;AAAA,MACN,OAAS,EAAA,gBAAA;AAAA,MACT,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,SAAS,KAAO,EAAA,MAAA,EAAQ,KAAO,EAAA,QAAA,EAAU,EAAG,EAAA;AAAA,MACrE,QAAA;AAAA,MACA,MAAM,CAAS,KAAA,KAAA;AACb,QAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,UAAA,IAAI,CAAC,KAAO,EAAA;AACZ,UACG,MAAA,CAAA,iBAAA;AAAA,YACC,OAAA;AAAA,YACA,MAAM,IAAO,GAAA,CAAA;AAAA;AAAA,YACb,KAAM,CAAA;AAAA,WACR,CACC,KAAK,CAAU,MAAA,KAAA;AACd,YAAQ,OAAA,CAAA;AAAA,cACN,MAAM,MAAO,CAAA,KAAA;AAAA,cACb,IAAA,EAAM,MAAO,CAAA,QAAA,CAAS,IAAO,GAAA,CAAA;AAAA,cAC7B,UAAA,EAAY,OAAO,QAAS,CAAA;AAAA,aAC7B,CAAA;AAAA,WACF,CACA,CAAA,KAAA,CAAM,CAAU,MAAA,KAAA,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,SAClC,CAAA;AAAA,OACH;AAAA,MACA,aAAa,CAAW,OAAA,KAAA;AACtB,QAAM,MAAA,uBAAA,GAA0B,YAAY,YAAY,CAAA;AACxD,QACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,WAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,OAAU,EAAA,OAAA,CAAgB,OAAQ,CAAA,EAAA,EAAI,CACjE,CAAA;AAAA;AAEJ;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"BuildList.esm.js","sources":["../../../src/components/BuildList/BuildList.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 { useRef, useState } from 'react';\nimport { Table } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { BuildFilters, xcmetricsApiRef } from '../../api';\nimport Grid from '@material-ui/core/Grid';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport { BuildListFilter as Filters } from '../BuildListFilter';\nimport { DateTime } from 'luxon';\nimport { buildPageColumns } from '../BuildTableColumns';\nimport { BuildDetails, withRequest } from '../BuildDetails';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    detailPanel: {\n      padding: theme.spacing(2),\n      backgroundColor: theme.palette.background.paper,\n    },\n  }),\n);\n\nexport const BuildList = () => {\n  const classes = useStyles();\n  const client = useApi(xcmetricsApiRef);\n  const tableRef = useRef<any>();\n\n  const initialFilters = {\n    from: DateTime.now().minus({ years: 1 }).toISODate()!,\n    to: DateTime.now().toISODate()!,\n  };\n\n  const [filters, setFilters] = useState<BuildFilters>(initialFilters);\n\n  const handleFilterChange = (values: BuildFilters) => {\n    setFilters(values);\n    tableRef.current?.onQueryChange();\n  };\n\n  return (\n    <Grid container spacing={3} direction=\"column\">\n      <Filters\n        onFilterChange={handleFilterChange}\n        initialValues={initialFilters}\n      />\n      <Table\n        title=\"Builds\"\n        columns={buildPageColumns}\n        options={{ paging: true, sorting: false, search: false, pageSize: 10 }}\n        tableRef={tableRef}\n        data={query => {\n          return new Promise((resolve, reject) => {\n            if (!query) return;\n            client\n              .getFilteredBuilds(\n                filters,\n                query.page + 1, // Page is 0-indexed in Table\n                query.pageSize,\n              )\n              .then(result => {\n                resolve({\n                  data: result.items,\n                  page: result.metadata.page - 1,\n                  totalCount: result.metadata.total,\n                });\n              })\n              .catch(reason => reject(reason));\n          });\n        }}\n        detailPanel={rowData => {\n          const BuildDetailsWithRequest = withRequest(BuildDetails);\n          return (\n            <div className={classes.detailPanel}>\n              <BuildDetailsWithRequest buildId={(rowData as any).rowData.id} />\n            </div>\n          );\n        }}\n      />\n    </Grid>\n  );\n};\n"],"names":["Filters"],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,WAC3B,YAAa,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,MACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACxB,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA;AAC5C,GACD;AACH,CAAA;AAEO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,MAAA,GAAS,OAAO,eAAe,CAAA;AACrC,EAAA,MAAM,WAAW,MAAY,EAAA;AAE7B,EAAA,MAAM,cAAiB,GAAA;AAAA,IACrB,IAAA,EAAM,QAAS,CAAA,GAAA,EAAM,CAAA,KAAA,CAAM,EAAE,KAAO,EAAA,CAAA,EAAG,CAAA,CAAE,SAAU,EAAA;AAAA,IACnD,EAAI,EAAA,QAAA,CAAS,GAAI,EAAA,CAAE,SAAU;AAAA,GAC/B;AAEA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAuB,cAAc,CAAA;AAEnE,EAAM,MAAA,kBAAA,GAAqB,CAAC,MAAyB,KAAA;AACnD,IAAA,UAAA,CAAW,MAAM,CAAA;AACjB,IAAA,QAAA,CAAS,SAAS,aAAc,EAAA;AAAA,GAClC;AAEA,EAAA,4BACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,WAAU,QACpC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAACA,eAAA;AAAA,MAAA;AAAA,QACC,cAAgB,EAAA,kBAAA;AAAA,QAChB,aAAe,EAAA;AAAA;AAAA,KACjB;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,QAAA;AAAA,QACN,OAAS,EAAA,gBAAA;AAAA,QACT,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,SAAS,KAAO,EAAA,MAAA,EAAQ,KAAO,EAAA,QAAA,EAAU,EAAG,EAAA;AAAA,QACrE,QAAA;AAAA,QACA,MAAM,CAAS,KAAA,KAAA;AACb,UAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,YAAA,IAAI,CAAC,KAAO,EAAA;AACZ,YACG,MAAA,CAAA,iBAAA;AAAA,cACC,OAAA;AAAA,cACA,MAAM,IAAO,GAAA,CAAA;AAAA;AAAA,cACb,KAAM,CAAA;AAAA,aACR,CACC,KAAK,CAAU,MAAA,KAAA;AACd,cAAQ,OAAA,CAAA;AAAA,gBACN,MAAM,MAAO,CAAA,KAAA;AAAA,gBACb,IAAA,EAAM,MAAO,CAAA,QAAA,CAAS,IAAO,GAAA,CAAA;AAAA,gBAC7B,UAAA,EAAY,OAAO,QAAS,CAAA;AAAA,eAC7B,CAAA;AAAA,aACF,CACA,CAAA,KAAA,CAAM,CAAU,MAAA,KAAA,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,WAClC,CAAA;AAAA,SACH;AAAA,QACA,aAAa,CAAW,OAAA,KAAA;AACtB,UAAM,MAAA,uBAAA,GAA0B,YAAY,YAAY,CAAA;AACxD,UACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,WAAA,EACtB,QAAC,kBAAA,GAAA,CAAA,uBAAA,EAAA,EAAwB,OAAU,EAAA,OAAA,CAAgB,OAAQ,CAAA,EAAA,EAAI,CACjE,EAAA,CAAA;AAAA;AAEJ;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/BuildListFilter/BuildListFilter.esm.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import IconButton from '@material-ui/core/IconButton';
 import Grid from '@material-ui/core/Grid';
 import Button from '@material-ui/core/Button';
@@ -33,14 +34,20 @@ const BuildListFilter = ({
     const filtersKey = key;
     return sum + Number(values[filtersKey] !== initialValues[filtersKey]);
   }, 0);
-  const title = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      onClick: () => setOpen(!open),
-      "aria-label": `${open ? "hide" : "show"} filters`
-    },
-    /* @__PURE__ */ React.createElement(FilterList, null)
-  ), "Filters (", numFilters, ")", !!numFilters && /* @__PURE__ */ React.createElement(Button, { color: "primary", onClick: () => setValues(initialValues) }, "Clear all"));
+  const title = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => setOpen(!open),
+        "aria-label": `${open ? "hide" : "show"} filters`,
+        children: /* @__PURE__ */ jsx(FilterList, {})
+      }
+    ),
+    "Filters (",
+    numFilters,
+    ")",
+    !!numFilters && /* @__PURE__ */ jsx(Button, { color: "primary", onClick: () => setValues(initialValues), children: "Clear all" })
+  ] });
   const statusItems = [
     { label: "All", value: "all" },
     { label: "Succeeded", value: "succeeded" },
@@ -50,73 +57,75 @@ const BuildListFilter = ({
   const { value: projects, loading } = useAsync(async () => {
     return client.getProjects();
   }, []);
-  const content = /* @__PURE__ */ React.createElement(
+  const content = /* @__PURE__ */ jsxs(
     Grid,
     {
       container: true,
       spacing: 3,
       direction: "row",
-      className: classes.filtersContent
-    },
-    /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 6, md: 4, lg: 2 }, /* @__PURE__ */ React.createElement(
-      DatePicker,
-      {
-        label: "From",
-        value: values.from,
-        onDateChange: (date) => setValues({ ...values, from: date })
-      }
-    )),
-    /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 6, md: 4, lg: 2 }, /* @__PURE__ */ React.createElement(
-      DatePicker,
-      {
-        label: "To",
-        value: values.to,
-        onDateChange: (date) => setValues({ ...values, to: date })
-      }
-    )),
-    /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 6, md: 4, lg: 2 }, /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        label: "Status",
-        items: statusItems,
-        selected: !values.buildStatus ? "all" : values.buildStatus,
-        onChange: (selection) => {
-          const buildStatus = selection === "all" ? void 0 : selection;
-          setValues({ ...values, buildStatus });
-        }
-      }
-    )),
-    /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 6, md: 4, lg: 2 }, loading ? /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        label: "Project",
-        placeholder: "Loading..",
-        items: [],
-        onChange: () => void 0
-      }
-    ) : /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        label: "Project",
-        items: toSelectItems(["All"].concat(projects ?? [])),
-        selected: values.project ? values.project : "All",
-        onChange: (selection) => setValues({
-          ...values,
-          project: selection === "All" ? void 0 : selection
-        })
-      }
-    ))
+      className: classes.filtersContent,
+      children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, sm: 6, md: 4, lg: 2, children: /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            label: "From",
+            value: values.from,
+            onDateChange: (date) => setValues({ ...values, from: date })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, sm: 6, md: 4, lg: 2, children: /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            label: "To",
+            value: values.to,
+            onDateChange: (date) => setValues({ ...values, to: date })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, sm: 6, md: 4, lg: 2, children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Status",
+            items: statusItems,
+            selected: !values.buildStatus ? "all" : values.buildStatus,
+            onChange: (selection) => {
+              const buildStatus = selection === "all" ? void 0 : selection;
+              setValues({ ...values, buildStatus });
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, sm: 6, md: 4, lg: 2, children: loading ? /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Project",
+            placeholder: "Loading..",
+            items: [],
+            onChange: () => void 0
+          }
+        ) : /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Project",
+            items: toSelectItems(["All"].concat(projects ?? [])),
+            selected: values.project ? values.project : "All",
+            onChange: (selection) => setValues({
+              ...values,
+              project: selection === "All" ? void 0 : selection
+            })
+          }
+        ) })
+      ]
+    }
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     InfoCard,
     {
       title,
       titleTypographyProps: { variant: "h6" },
       divider: open,
       noPadding: true,
-      variant: "gridItem"
-    },
-    open && content
+      variant: "gridItem",
+      children: open && content
+    }
   );
 };