@backstage-community/plugin-xcmetrics 0.6.0 → 0.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"BuildListFilter.esm.js","sources":["../../../src/components/BuildListFilter/BuildListFilter.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, { useEffect, useState } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport Grid from '@material-ui/core/Grid';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { InfoCard, Select } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { BuildFilters, BuildStatus, xcmetricsApiRef } from '../../api';\nimport { DatePicker } from '../DatePicker';\n\nconst toSelectItems = (strings: string[]) => {\n  return strings.map(str => ({ label: str, value: str }));\n};\n\nconst useStyles = makeStyles(theme => ({\n  filtersContent: {\n    padding: theme.spacing(2, 2, 2, 2.5),\n  },\n}));\n\ntype FilterOption<T> = T | 'all';\n\ninterface FiltersProps {\n  initialValues: BuildFilters;\n  onFilterChange: (filters: BuildFilters) => void;\n}\n\nexport const BuildListFilter = ({\n  onFilterChange,\n  initialValues,\n}: FiltersProps) => {\n  const client = useApi(xcmetricsApiRef);\n  const classes = useStyles();\n  const [open, setOpen] = useState(false);\n  const [values, setValues] = useState(initialValues);\n\n  useEffect(() => onFilterChange(values), [onFilterChange, values]);\n\n  const numFilters = Object.keys(values).reduce((sum, key) => {\n    const filtersKey = key as keyof BuildFilters;\n    return sum + Number(values[filtersKey] !== initialValues[filtersKey]);\n  }, 0);\n\n  const title = (\n    <>\n      <IconButton\n        onClick={() => setOpen(!open)}\n        aria-label={`${open ? 'hide' : 'show'} filters`}\n      >\n        <FilterList />\n      </IconButton>\n      Filters ({numFilters})\n      {!!numFilters && (\n        <Button color=\"primary\" onClick={() => setValues(initialValues)}>\n          Clear all\n        </Button>\n      )}\n    </>\n  );\n\n  const statusItems: { label: string; value: FilterOption<BuildStatus> }[] = [\n    { label: 'All', value: 'all' },\n    { label: 'Succeeded', value: 'succeeded' },\n    { label: 'Failed', value: 'failed' },\n    { label: 'Stopped', value: 'stopped' },\n  ];\n\n  const { value: projects, loading } = useAsync(async () => {\n    return client.getProjects();\n  }, []);\n\n  const content = (\n    <Grid\n      container\n      spacing={3}\n      direction=\"row\"\n      className={classes.filtersContent}\n    >\n      <Grid item sm={6} md={4} lg={2}>\n        <DatePicker\n          label=\"From\"\n          value={values.from}\n          onDateChange={date => setValues({ ...values, from: date })}\n        />\n      </Grid>\n      <Grid item sm={6} md={4} lg={2}>\n        <DatePicker\n          label=\"To\"\n          value={values.to}\n          onDateChange={date => setValues({ ...values, to: date })}\n        />\n      </Grid>\n      <Grid item sm={6} md={4} lg={2}>\n        <Select\n          label=\"Status\"\n          items={statusItems}\n          selected={!values.buildStatus ? 'all' : values.buildStatus}\n          onChange={selection => {\n            const buildStatus =\n              selection === 'all' ? undefined : (selection as BuildStatus);\n            setValues({ ...values, buildStatus });\n          }}\n        />\n      </Grid>\n      <Grid item sm={6} md={4} lg={2}>\n        {loading ? (\n          <Select\n            label=\"Project\"\n            placeholder=\"Loading..\"\n            items={[]}\n            onChange={() => undefined}\n          />\n        ) : (\n          <Select\n            label=\"Project\"\n            items={toSelectItems(['All'].concat(projects ?? []))}\n            selected={values.project ? values.project : 'All'}\n            onChange={selection =>\n              setValues({\n                ...values,\n                project:\n                  selection === 'All' ? undefined : (selection as string),\n              })\n            }\n          />\n        )}\n      </Grid>\n    </Grid>\n  );\n\n  return (\n    <InfoCard\n      title={title}\n      titleTypographyProps={{ variant: 'h6' }}\n      divider={open}\n      noPadding\n      variant=\"gridItem\"\n    >\n      {open && content}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BuildListFilter.esm.js","sources":["../../../src/components/BuildListFilter/BuildListFilter.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 { useEffect, useState } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport Grid from '@material-ui/core/Grid';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { InfoCard, Select } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { BuildFilters, BuildStatus, xcmetricsApiRef } from '../../api';\nimport { DatePicker } from '../DatePicker';\n\nconst toSelectItems = (strings: string[]) => {\n  return strings.map(str => ({ label: str, value: str }));\n};\n\nconst useStyles = makeStyles(theme => ({\n  filtersContent: {\n    padding: theme.spacing(2, 2, 2, 2.5),\n  },\n}));\n\ntype FilterOption<T> = T | 'all';\n\ninterface FiltersProps {\n  initialValues: BuildFilters;\n  onFilterChange: (filters: BuildFilters) => void;\n}\n\nexport const BuildListFilter = ({\n  onFilterChange,\n  initialValues,\n}: FiltersProps) => {\n  const client = useApi(xcmetricsApiRef);\n  const classes = useStyles();\n  const [open, setOpen] = useState(false);\n  const [values, setValues] = useState(initialValues);\n\n  useEffect(() => onFilterChange(values), [onFilterChange, values]);\n\n  const numFilters = Object.keys(values).reduce((sum, key) => {\n    const filtersKey = key as keyof BuildFilters;\n    return sum + Number(values[filtersKey] !== initialValues[filtersKey]);\n  }, 0);\n\n  const title = (\n    <>\n      <IconButton\n        onClick={() => setOpen(!open)}\n        aria-label={`${open ? 'hide' : 'show'} filters`}\n      >\n        <FilterList />\n      </IconButton>\n      Filters ({numFilters})\n      {!!numFilters && (\n        <Button color=\"primary\" onClick={() => setValues(initialValues)}>\n          Clear all\n        </Button>\n      )}\n    </>\n  );\n\n  const statusItems: { label: string; value: FilterOption<BuildStatus> }[] = [\n    { label: 'All', value: 'all' },\n    { label: 'Succeeded', value: 'succeeded' },\n    { label: 'Failed', value: 'failed' },\n    { label: 'Stopped', value: 'stopped' },\n  ];\n\n  const { value: projects, loading } = useAsync(async () => {\n    return client.getProjects();\n  }, []);\n\n  const content = (\n    <Grid\n      container\n      spacing={3}\n      direction=\"row\"\n      className={classes.filtersContent}\n    >\n      <Grid item sm={6} md={4} lg={2}>\n        <DatePicker\n          label=\"From\"\n          value={values.from}\n          onDateChange={date => setValues({ ...values, from: date })}\n        />\n      </Grid>\n      <Grid item sm={6} md={4} lg={2}>\n        <DatePicker\n          label=\"To\"\n          value={values.to}\n          onDateChange={date => setValues({ ...values, to: date })}\n        />\n      </Grid>\n      <Grid item sm={6} md={4} lg={2}>\n        <Select\n          label=\"Status\"\n          items={statusItems}\n          selected={!values.buildStatus ? 'all' : values.buildStatus}\n          onChange={selection => {\n            const buildStatus =\n              selection === 'all' ? undefined : (selection as BuildStatus);\n            setValues({ ...values, buildStatus });\n          }}\n        />\n      </Grid>\n      <Grid item sm={6} md={4} lg={2}>\n        {loading ? (\n          <Select\n            label=\"Project\"\n            placeholder=\"Loading..\"\n            items={[]}\n            onChange={() => undefined}\n          />\n        ) : (\n          <Select\n            label=\"Project\"\n            items={toSelectItems(['All'].concat(projects ?? []))}\n            selected={values.project ? values.project : 'All'}\n            onChange={selection =>\n              setValues({\n                ...values,\n                project:\n                  selection === 'All' ? undefined : (selection as string),\n              })\n            }\n          />\n        )}\n      </Grid>\n    </Grid>\n  );\n\n  return (\n    <InfoCard\n      title={title}\n      titleTypographyProps={{ variant: 'h6' }}\n      divider={open}\n      noPadding\n      variant=\"gridItem\"\n    >\n      {open && content}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAM,aAAA,GAAgB,CAAC,OAAsB,KAAA;AAC3C,EAAO,OAAA,OAAA,CAAQ,IAAI,CAAQ,GAAA,MAAA,EAAE,OAAO,GAAK,EAAA,KAAA,EAAO,KAAM,CAAA,CAAA;AACxD,CAAA;AAEA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,cAAgB,EAAA;AAAA,IACd,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,GAAG;AAAA;AAEvC,CAAE,CAAA,CAAA;AASK,MAAM,kBAAkB,CAAC;AAAA,EAC9B,cAAA;AAAA,EACA;AACF,CAAoB,KAAA;AAClB,EAAM,MAAA,MAAA,GAAS,OAAO,eAAe,CAAA;AACrC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,aAAa,CAAA;AAElD,EAAA,SAAA,CAAU,MAAM,cAAe,CAAA,MAAM,GAAG,CAAC,cAAA,EAAgB,MAAM,CAAC,CAAA;AAEhE,EAAM,MAAA,UAAA,GAAa,OAAO,IAAK,CAAA,MAAM,EAAE,MAAO,CAAA,CAAC,KAAK,GAAQ,KAAA;AAC1D,IAAA,MAAM,UAAa,GAAA,GAAA;AACnB,IAAA,OAAO,MAAM,MAAO,CAAA,MAAA,CAAO,UAAU,CAAM,KAAA,aAAA,CAAc,UAAU,CAAC,CAAA;AAAA,KACnE,CAAC,CAAA;AAEJ,EAAA,MAAM,wBAEF,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,MAAM,OAAQ,CAAA,CAAC,IAAI,CAAA;AAAA,QAC5B,YAAY,EAAA,CAAA,EAAG,IAAO,GAAA,MAAA,GAAS,MAAM,CAAA,QAAA,CAAA;AAAA,QAErC,8BAAC,UAAW,EAAA,EAAA;AAAA;AAAA,KACd;AAAA,IAAa,WAAA;AAAA,IACH,UAAA;AAAA,IAAW,GAAA;AAAA,IACpB,CAAC,CAAC,UACD,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,OAAA,EAAS,MAAM,SAAA,CAAU,aAAa,CAAA,EAAG,QAEjE,EAAA,WAAA,EAAA;AAAA,GAEJ,EAAA,CAAA;AAGF,EAAA,MAAM,WAAqE,GAAA;AAAA,IACzE,EAAE,KAAA,EAAO,KAAO,EAAA,KAAA,EAAO,KAAM,EAAA;AAAA,IAC7B,EAAE,KAAA,EAAO,WAAa,EAAA,KAAA,EAAO,WAAY,EAAA;AAAA,IACzC,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,QAAS,EAAA;AAAA,IACnC,EAAE,KAAA,EAAO,SAAW,EAAA,KAAA,EAAO,SAAU;AAAA,GACvC;AAEA,EAAA,MAAM,EAAE,KAAO,EAAA,QAAA,EAAU,OAAQ,EAAA,GAAI,SAAS,YAAY;AACxD,IAAA,OAAO,OAAO,WAAY,EAAA;AAAA,GAC5B,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OACJ,mBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,WAAW,OAAQ,CAAA,cAAA;AAAA,MAEnB,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAG,IAAI,CAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,MAAA;AAAA,YACN,OAAO,MAAO,CAAA,IAAA;AAAA,YACd,YAAA,EAAc,UAAQ,SAAU,CAAA,EAAE,GAAG,MAAQ,EAAA,IAAA,EAAM,MAAM;AAAA;AAAA,SAE7D,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,IAAA;AAAA,YACN,OAAO,MAAO,CAAA,EAAA;AAAA,YACd,YAAA,EAAc,UAAQ,SAAU,CAAA,EAAE,GAAG,MAAQ,EAAA,EAAA,EAAI,MAAM;AAAA;AAAA,SAE3D,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,QAAA;AAAA,YACN,KAAO,EAAA,WAAA;AAAA,YACP,QAAU,EAAA,CAAC,MAAO,CAAA,WAAA,GAAc,QAAQ,MAAO,CAAA,WAAA;AAAA,YAC/C,UAAU,CAAa,SAAA,KAAA;AACrB,cAAM,MAAA,WAAA,GACJ,SAAc,KAAA,KAAA,GAAQ,KAAa,CAAA,GAAA,SAAA;AACrC,cAAA,SAAA,CAAU,EAAE,GAAG,MAAQ,EAAA,WAAA,EAAa,CAAA;AAAA;AACtC;AAAA,SAEJ,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAC1B,QACC,EAAA,OAAA,mBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,SAAA;AAAA,YACN,WAAY,EAAA,WAAA;AAAA,YACZ,OAAO,EAAC;AAAA,YACR,UAAU,MAAM,KAAA;AAAA;AAAA,SAGlB,mBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,SAAA;AAAA,YACN,KAAA,EAAO,cAAc,CAAC,KAAK,EAAE,MAAO,CAAA,QAAA,IAAY,EAAE,CAAC,CAAA;AAAA,YACnD,QAAU,EAAA,MAAA,CAAO,OAAU,GAAA,MAAA,CAAO,OAAU,GAAA,KAAA;AAAA,YAC5C,QAAA,EAAU,eACR,SAAU,CAAA;AAAA,cACR,GAAG,MAAA;AAAA,cACH,OAAA,EACE,SAAc,KAAA,KAAA,GAAQ,KAAa,CAAA,GAAA;AAAA,aACtC;AAAA;AAAA,SAIT,EAAA;AAAA;AAAA;AAAA,GACF;AAGF,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,oBAAA,EAAsB,EAAE,OAAA,EAAS,IAAK,EAAA;AAAA,MACtC,OAAS,EAAA,IAAA;AAAA,MACT,SAAS,EAAA,IAAA;AAAA,MACT,OAAQ,EAAA,UAAA;AAAA,MAEP,QAAQ,EAAA,IAAA,IAAA;AAAA;AAAA,GACX;AAEJ;;;;"}

package/dist/components/BuildTableColumns.esm.js

@@ -1,12 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
 import Chip from '@material-ui/core/Chip';
-import React from 'react';
 import { formatTime, formatDuration } from '../utils/format.esm.js';
 import { StatusIcon } from './StatusIcon/StatusIcon.esm.js';
 
 const baseColumns = [
   {
     field: "buildStatus",
-    render: (data) => /* @__PURE__ */ React.createElement(StatusIcon, { buildStatus: data.buildStatus })
+    render: (data) => /* @__PURE__ */ jsx(StatusIcon, { buildStatus: data.buildStatus })
   },
   {
     title: "Project",
@@ -34,7 +34,7 @@ const baseColumns = [
 ];
 const isCi = {
   field: "isCI",
-  render: (data) => data.isCi && /* @__PURE__ */ React.createElement(Chip, { label: "CI", size: "small" }),
+  render: (data) => data.isCi && /* @__PURE__ */ jsx(Chip, { label: "CI", size: "small" }),
   width: "10",
   sorting: false
 };
@@ -52,7 +52,7 @@ const buildPageColumns = [
   {
     title: "Category",
     field: "category",
-    render: (data) => /* @__PURE__ */ React.createElement(Chip, { label: data.category, size: "small" })
+    render: (data) => /* @__PURE__ */ jsx(Chip, { label: data.category, size: "small" })
   },
   isCi
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"BuildTableColumns.esm.js","sources":["../../src/components/BuildTableColumns.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 Chip from '@material-ui/core/Chip';\nimport React from 'react';\nimport { TableColumn } from '@backstage/core-components';\nimport { Build } from '../api';\nimport { formatTime, formatDuration } from '../utils';\nimport { StatusIcon } from './StatusIcon';\n\nconst baseColumns: TableColumn<Build>[] = [\n  {\n    field: 'buildStatus',\n    render: data => <StatusIcon buildStatus={data.buildStatus} />,\n  },\n  {\n    title: 'Project',\n    field: 'projectName',\n  },\n  {\n    title: 'Schema',\n    field: 'schema',\n  },\n  {\n    title: 'Started',\n    field: 'startedAt',\n    render: data => formatTime(data.startTimestamp),\n    cellStyle: { whiteSpace: 'nowrap' },\n  },\n  {\n    title: 'Duration',\n    field: 'duration',\n    render: data => formatDuration(data.duration),\n  },\n  {\n    title: 'User',\n    field: 'userid',\n  },\n];\n\nconst isCi: TableColumn<Build> = {\n  field: 'isCI',\n  render: data => data.isCi && <Chip label=\"CI\" size=\"small\" />,\n  width: '10',\n  sorting: false,\n};\n\nexport const overviewColumns: TableColumn<Build>[] = [...baseColumns, isCi];\n\nexport const buildPageColumns: TableColumn<Build>[] = [\n  ...baseColumns,\n  {\n    title: 'Host',\n    field: 'machineName',\n  },\n  {\n    title: 'Warnings',\n    field: 'warningCount',\n  },\n  {\n    title: 'Category',\n    field: 'category',\n    render: data => <Chip label={data.category} size=\"small\" />,\n  },\n  isCi,\n];\n"],"names":[],"mappings":";;;;;AAuBA,MAAM,WAAoC,GAAA;AAAA,EACxC;AAAA,IACE,KAAO,EAAA,aAAA;AAAA,IACP,QAAQ,CAAQ,IAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,WAAA,EAAa,KAAK,WAAa,EAAA;AAAA,GAC7D;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,WAAA;AAAA,IACP,MAAQ,EAAA,CAAA,IAAA,KAAQ,UAAW,CAAA,IAAA,CAAK,cAAc,CAAA;AAAA,IAC9C,SAAA,EAAW,EAAE,UAAA,EAAY,QAAS;AAAA,GACpC;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,IACP,MAAQ,EAAA,CAAA,IAAA,KAAQ,cAAe,CAAA,IAAA,CAAK,QAAQ;AAAA,GAC9C;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA;AAAA;AAEX,CAAA;AAEA,MAAM,IAA2B,GAAA;AAAA,EAC/B,KAAO,EAAA,MAAA;AAAA,EACP,MAAA,EAAQ,UAAQ,IAAK,CAAA,IAAA,wCAAS,IAAK,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,EAC3D,KAAO,EAAA,IAAA;AAAA,EACP,OAAS,EAAA;AACX,CAAA;AAEO,MAAM,eAAwC,GAAA,CAAC,GAAG,WAAA,EAAa,IAAI;AAEnE,MAAM,gBAAyC,GAAA;AAAA,EACpD,GAAG,WAAA;AAAA,EACH;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,IACP,MAAA,EAAQ,0BAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAO,IAAK,CAAA,QAAA,EAAU,MAAK,OAAQ,EAAA;AAAA,GAC3D;AAAA,EACA;AACF;;;;"}
+{"version":3,"file":"BuildTableColumns.esm.js","sources":["../../src/components/BuildTableColumns.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 Chip from '@material-ui/core/Chip';\nimport { TableColumn } from '@backstage/core-components';\nimport { Build } from '../api';\nimport { formatTime, formatDuration } from '../utils';\nimport { StatusIcon } from './StatusIcon';\n\nconst baseColumns: TableColumn<Build>[] = [\n  {\n    field: 'buildStatus',\n    render: data => <StatusIcon buildStatus={data.buildStatus} />,\n  },\n  {\n    title: 'Project',\n    field: 'projectName',\n  },\n  {\n    title: 'Schema',\n    field: 'schema',\n  },\n  {\n    title: 'Started',\n    field: 'startedAt',\n    render: data => formatTime(data.startTimestamp),\n    cellStyle: { whiteSpace: 'nowrap' },\n  },\n  {\n    title: 'Duration',\n    field: 'duration',\n    render: data => formatDuration(data.duration),\n  },\n  {\n    title: 'User',\n    field: 'userid',\n  },\n];\n\nconst isCi: TableColumn<Build> = {\n  field: 'isCI',\n  render: data => data.isCi && <Chip label=\"CI\" size=\"small\" />,\n  width: '10',\n  sorting: false,\n};\n\nexport const overviewColumns: TableColumn<Build>[] = [...baseColumns, isCi];\n\nexport const buildPageColumns: TableColumn<Build>[] = [\n  ...baseColumns,\n  {\n    title: 'Host',\n    field: 'machineName',\n  },\n  {\n    title: 'Warnings',\n    field: 'warningCount',\n  },\n  {\n    title: 'Category',\n    field: 'category',\n    render: data => <Chip label={data.category} size=\"small\" />,\n  },\n  isCi,\n];\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,WAAoC,GAAA;AAAA,EACxC;AAAA,IACE,KAAO,EAAA,aAAA;AAAA,IACP,QAAQ,CAAQ,IAAA,qBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,WAAA,EAAa,KAAK,WAAa,EAAA;AAAA,GAC7D;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,WAAA;AAAA,IACP,MAAQ,EAAA,CAAA,IAAA,KAAQ,UAAW,CAAA,IAAA,CAAK,cAAc,CAAA;AAAA,IAC9C,SAAA,EAAW,EAAE,UAAA,EAAY,QAAS;AAAA,GACpC;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,IACP,MAAQ,EAAA,CAAA,IAAA,KAAQ,cAAe,CAAA,IAAA,CAAK,QAAQ;AAAA,GAC9C;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA;AAAA;AAEX,CAAA;AAEA,MAAM,IAA2B,GAAA;AAAA,EAC/B,KAAO,EAAA,MAAA;AAAA,EACP,MAAA,EAAQ,UAAQ,IAAK,CAAA,IAAA,wBAAS,IAAK,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,EAC3D,KAAO,EAAA,IAAA;AAAA,EACP,OAAS,EAAA;AACX,CAAA;AAEO,MAAM,eAAwC,GAAA,CAAC,GAAG,WAAA,EAAa,IAAI;AAEnE,MAAM,gBAAyC,GAAA;AAAA,EACpD,GAAG,WAAA;AAAA,EACH;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,IACP,MAAA,EAAQ,0BAAS,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,IAAK,CAAA,QAAA,EAAU,MAAK,OAAQ,EAAA;AAAA,GAC3D;AAAA,EACA;AACF;;;;"}

package/dist/components/BuildTimeline/BuildTimeline.esm.js

@@ -1,6 +1,6 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeStyles, createStyles, useTheme } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
-import React from 'react';
 import { ResponsiveContainer, BarChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Bar } from 'recharts';
 import { formatSecondsInterval, formatPercentage } from '../../utils/format.esm.js';
 
@@ -19,7 +19,11 @@ const TargetToolTip = ({ active, payload, label }) => {
   if (active && payload && payload.length === 2) {
     const buildTime = payload[0].value[1] - payload[0].value[0];
     const compileTime = payload[1].value[1] - payload[1].value[0];
-    return /* @__PURE__ */ React.createElement("div", { className: classes.toolTip }, `${label}: ${formatSecondsInterval(payload[0].value)}`, /* @__PURE__ */ React.createElement("br", null), buildTime > 0 && `Compile time: ${formatPercentage(compileTime / buildTime)}`);
+    return /* @__PURE__ */ jsxs("div", { className: classes.toolTip, children: [
+      `${label}: ${formatSecondsInterval(payload[0].value)}`,
+      /* @__PURE__ */ jsx("br", {}),
+      buildTime > 0 && `Compile time: ${formatPercentage(compileTime / buildTime)}`
+    ] });
   }
   return null;
 };
@@ -43,23 +47,31 @@ const BuildTimeline = ({
   width
 }) => {
   const theme = useTheme();
-  if (!targets.length) return /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "No Targets");
+  if (!targets.length) return /* @__PURE__ */ jsx(Typography, { paragraph: true, children: "No Targets" });
   const data = getTimelineData(targets);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ResponsiveContainer,
     {
       height,
       width,
-      minHeight: EMPTY_HEIGHT + targets.length * 5
-    },
-    /* @__PURE__ */ React.createElement(BarChart, { layout: "vertical", data, maxBarSize: 10, barGap: 0 }, /* @__PURE__ */ React.createElement(CartesianGrid, { strokeDasharray: "2 2" }), /* @__PURE__ */ React.createElement(XAxis, { type: "number", domain: [0, "dataMax"] }), /* @__PURE__ */ React.createElement(YAxis, { type: "category", dataKey: "name", padding: { top: 0, bottom: 0 } }), /* @__PURE__ */ React.createElement(Tooltip, { content: /* @__PURE__ */ React.createElement(TargetToolTip, null) }), /* @__PURE__ */ React.createElement(Legend, null), /* @__PURE__ */ React.createElement(
-      Bar,
-      {
-        dataKey: "buildTime",
-        fill: theme.palette.grey[400],
-        minPointSize: 1
-      }
-    ), /* @__PURE__ */ React.createElement(Bar, { dataKey: "compileTime", fill: theme.palette.primary.main }))
+      minHeight: EMPTY_HEIGHT + targets.length * 5,
+      children: /* @__PURE__ */ jsxs(BarChart, { layout: "vertical", data, maxBarSize: 10, barGap: 0, children: [
+        /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "2 2" }),
+        /* @__PURE__ */ jsx(XAxis, { type: "number", domain: [0, "dataMax"] }),
+        /* @__PURE__ */ jsx(YAxis, { type: "category", dataKey: "name", padding: { top: 0, bottom: 0 } }),
+        /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(TargetToolTip, {}) }),
+        /* @__PURE__ */ jsx(Legend, {}),
+        /* @__PURE__ */ jsx(
+          Bar,
+          {
+            dataKey: "buildTime",
+            fill: theme.palette.grey[400],
+            minPointSize: 1
+          }
+        ),
+        /* @__PURE__ */ jsx(Bar, { dataKey: "compileTime", fill: theme.palette.primary.main })
+      ] })
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BuildTimeline.esm.js","sources":["../../../src/components/BuildTimeline/BuildTimeline.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 { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { Target } from '../../api';\nimport { formatSecondsInterval, formatPercentage } from '../../utils';\n\nconst EMPTY_HEIGHT = 100;\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    toolTip: {\n      backgroundColor: theme.palette.background.paper,\n      opacity: 0.8,\n      padding: 8,\n    },\n  }),\n);\n\nconst TargetToolTip = ({ active, payload, label }: any) => {\n  const classes = useStyles();\n\n  if (active && payload && payload.length === 2) {\n    const buildTime = payload[0].value[1] - payload[0].value[0];\n    const compileTime = payload[1].value[1] - payload[1].value[0];\n    return (\n      <div className={classes.toolTip}>\n        {`${label}: ${formatSecondsInterval(payload[0].value)}`}\n        <br />\n        {buildTime > 0 &&\n          `Compile time: ${formatPercentage(compileTime / buildTime)}`}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nconst getTimelineData = (targets: Target[]) => {\n  const min = targets[0].startTimestampMicroseconds;\n\n  return targets\n    .filter(target => target.fetchedFromCache === false)\n    .map(target => ({\n      name: target.name,\n      buildTime: [\n        target.startTimestampMicroseconds - min,\n        target.endTimestampMicroseconds - min,\n      ],\n      compileTime: [\n        target.startTimestampMicroseconds - min,\n        target.compilationEndTimestampMicroseconds - min,\n      ],\n    }));\n};\n\nexport interface BuildTimelineProps {\n  targets: Target[];\n  height?: number;\n  width?: number;\n}\n\nexport const BuildTimeline = ({\n  targets,\n  height,\n  width,\n}: BuildTimelineProps) => {\n  const theme = useTheme();\n  if (!targets.length) return <Typography paragraph>No Targets</Typography>;\n\n  const data = getTimelineData(targets);\n\n  return (\n    <ResponsiveContainer\n      height={height}\n      width={width}\n      minHeight={EMPTY_HEIGHT + targets.length * 5}\n    >\n      <BarChart layout=\"vertical\" data={data} maxBarSize={10} barGap={0}>\n        <CartesianGrid strokeDasharray=\"2 2\" />\n        <XAxis type=\"number\" domain={[0, 'dataMax']} />\n        <YAxis type=\"category\" dataKey=\"name\" padding={{ top: 0, bottom: 0 }} />\n        <Tooltip content={<TargetToolTip />} />\n        <Legend />\n        <Bar\n          dataKey=\"buildTime\"\n          fill={theme.palette.grey[400]}\n          minPointSize={1}\n        />\n        <Bar dataKey=\"compileTime\" fill={theme.palette.primary.main} />\n      </BarChart>\n    </ResponsiveContainer>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BuildTimeline.esm.js","sources":["../../../src/components/BuildTimeline/BuildTimeline.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 { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { Target } from '../../api';\nimport { formatSecondsInterval, formatPercentage } from '../../utils';\n\nconst EMPTY_HEIGHT = 100;\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    toolTip: {\n      backgroundColor: theme.palette.background.paper,\n      opacity: 0.8,\n      padding: 8,\n    },\n  }),\n);\n\nconst TargetToolTip = ({ active, payload, label }: any) => {\n  const classes = useStyles();\n\n  if (active && payload && payload.length === 2) {\n    const buildTime = payload[0].value[1] - payload[0].value[0];\n    const compileTime = payload[1].value[1] - payload[1].value[0];\n    return (\n      <div className={classes.toolTip}>\n        {`${label}: ${formatSecondsInterval(payload[0].value)}`}\n        <br />\n        {buildTime > 0 &&\n          `Compile time: ${formatPercentage(compileTime / buildTime)}`}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nconst getTimelineData = (targets: Target[]) => {\n  const min = targets[0].startTimestampMicroseconds;\n\n  return targets\n    .filter(target => target.fetchedFromCache === false)\n    .map(target => ({\n      name: target.name,\n      buildTime: [\n        target.startTimestampMicroseconds - min,\n        target.endTimestampMicroseconds - min,\n      ],\n      compileTime: [\n        target.startTimestampMicroseconds - min,\n        target.compilationEndTimestampMicroseconds - min,\n      ],\n    }));\n};\n\nexport interface BuildTimelineProps {\n  targets: Target[];\n  height?: number;\n  width?: number;\n}\n\nexport const BuildTimeline = ({\n  targets,\n  height,\n  width,\n}: BuildTimelineProps) => {\n  const theme = useTheme();\n  if (!targets.length) return <Typography paragraph>No Targets</Typography>;\n\n  const data = getTimelineData(targets);\n\n  return (\n    <ResponsiveContainer\n      height={height}\n      width={width}\n      minHeight={EMPTY_HEIGHT + targets.length * 5}\n    >\n      <BarChart layout=\"vertical\" data={data} maxBarSize={10} barGap={0}>\n        <CartesianGrid strokeDasharray=\"2 2\" />\n        <XAxis type=\"number\" domain={[0, 'dataMax']} />\n        <YAxis type=\"category\" dataKey=\"name\" padding={{ top: 0, bottom: 0 }} />\n        <Tooltip content={<TargetToolTip />} />\n        <Legend />\n        <Bar\n          dataKey=\"buildTime\"\n          fill={theme.palette.grey[400]}\n          minPointSize={1}\n        />\n        <Bar dataKey=\"compileTime\" fill={theme.palette.primary.main} />\n      </BarChart>\n    </ResponsiveContainer>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DataValue/DataValue.esm.js

@@ -1,11 +1,14 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
-import React from 'react';
 
 const DataValue = ({ field, value }) => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, field), /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, value ?? "--"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: field }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: value ?? "--" })
+  ] });
 };
-const DataValueGridItem = (props) => /* @__PURE__ */ React.createElement(Grid, { item: true, xs: props.xs ?? 6, md: props.md ?? 6, lg: props.lg ?? 4 }, /* @__PURE__ */ React.createElement(DataValue, { ...props }));
+const DataValueGridItem = (props) => /* @__PURE__ */ jsx(Grid, { item: true, xs: props.xs ?? 6, md: props.md ?? 6, lg: props.lg ?? 4, children: /* @__PURE__ */ jsx(DataValue, { ...props }) });
 
 export { DataValue, DataValueGridItem };
 //# sourceMappingURL=DataValue.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataValue.esm.js","sources":["../../../src/components/DataValue/DataValue.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 Grid from '@material-ui/core/Grid';\nimport { GridSize } from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\n\ninterface DataValueProps {\n  field: string;\n  value?: string | number | null | undefined;\n}\n\nexport const DataValue = ({ field, value }: DataValueProps) => {\n  return (\n    <div>\n      <Typography variant=\"caption\">{field}</Typography>\n      <Typography variant=\"subtitle1\">{value ?? '--'}</Typography>\n    </div>\n  );\n};\n\ninterface GridProps {\n  xs?: GridSize;\n  md?: GridSize;\n  lg?: GridSize;\n}\n\nexport const DataValueGridItem = (props: DataValueProps & GridProps) => (\n  <Grid item xs={props.xs ?? 6} md={props.md ?? 6} lg={props.lg ?? 4}>\n    <DataValue {...props} />\n  </Grid>\n);\n"],"names":[],"mappings":";;;;AAyBO,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,OAA4B,KAAA;AAC7D,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,SAAW,EAAA,EAAA,KAAM,CACrC,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAa,EAAA,EAAA,KAAA,IAAS,IAAK,CACjD,CAAA;AAEJ;AAQa,MAAA,iBAAA,GAAoB,CAAC,KAChC,qBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,KAAA,CAAM,EAAM,IAAA,CAAA,EAAG,IAAI,KAAM,CAAA,EAAA,IAAM,CAAG,EAAA,EAAA,EAAI,KAAM,CAAA,EAAA,IAAM,qBAC9D,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,CACxB;;;;"}
+{"version":3,"file":"DataValue.esm.js","sources":["../../../src/components/DataValue/DataValue.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 Grid from '@material-ui/core/Grid';\nimport { GridSize } from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\n\ninterface DataValueProps {\n  field: string;\n  value?: string | number | null | undefined;\n}\n\nexport const DataValue = ({ field, value }: DataValueProps) => {\n  return (\n    <div>\n      <Typography variant=\"caption\">{field}</Typography>\n      <Typography variant=\"subtitle1\">{value ?? '--'}</Typography>\n    </div>\n  );\n};\n\ninterface GridProps {\n  xs?: GridSize;\n  md?: GridSize;\n  lg?: GridSize;\n}\n\nexport const DataValueGridItem = (props: DataValueProps & GridProps) => (\n  <Grid item xs={props.xs ?? 6} md={props.md ?? 6} lg={props.lg ?? 4}>\n    <DataValue {...props} />\n  </Grid>\n);\n"],"names":[],"mappings":";;;;AAwBO,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,OAA4B,KAAA;AAC7D,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAW,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBACpC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAa,mBAAS,IAAK,EAAA;AAAA,GACjD,EAAA,CAAA;AAEJ;AAQa,MAAA,iBAAA,GAAoB,CAAC,KAChC,qBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,KAAA,CAAM,EAAM,IAAA,CAAA,EAAG,IAAI,KAAM,CAAA,EAAA,IAAM,CAAG,EAAA,EAAA,EAAI,KAAM,CAAA,EAAA,IAAM,GAC/D,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,CACxB,EAAA;;;;"}

package/dist/components/DatePicker/DatePicker.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { createStyles } from '@material-ui/core/styles';
 import withStyles from '@material-ui/core/styles/withStyles';
 import InputBase from '@material-ui/core/InputBase/InputBase';
@@ -43,16 +43,19 @@ const DatePicker = ({
   ...inputProps
 }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography, { variant: "button" }, label), /* @__PURE__ */ React.createElement(
-    BootstrapInput,
-    {
-      inputProps: { "aria-label": label },
-      type: "date",
-      fullWidth: true,
-      onChange: (event) => onDateChange?.(event.target.value),
-      ...inputProps
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "button", children: label }),
+    /* @__PURE__ */ jsx(
+      BootstrapInput,
+      {
+        inputProps: { "aria-label": label },
+        type: "date",
+        fullWidth: true,
+        onChange: (event) => onDateChange?.(event.target.value),
+        ...inputProps
+      }
+    )
+  ] });
 };
 
 export { DatePicker };

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.esm.js","sources":["../../../src/components/DatePicker/DatePicker.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 { createStyles } from '@material-ui/core/styles';\nimport { InputProps } from '@material-ui/core/Input';\nimport withStyles from '@material-ui/core/styles/withStyles';\nimport { Theme } from '@material-ui/core/styles/createTheme';\nimport InputBase from '@material-ui/core/InputBase/InputBase';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport Typography from '@material-ui/core/Typography/Typography';\n\nconst BootstrapInput = withStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      margin: theme.spacing(1, 0),\n      maxWidth: 300,\n      'label + &': {\n        marginTop: theme.spacing(3),\n      },\n    },\n    input: {\n      borderRadius: 4,\n      position: 'relative',\n      backgroundColor: theme.palette.background.paper,\n      border: '1px solid #ced4da',\n      fontSize: 16,\n      padding: '10px 26px 10px 12px',\n      transition: theme.transitions.create(['border-color', 'box-shadow']),\n      fontFamily: 'Helvetica Neue',\n      height: 25,\n      '&:focus': {\n        background: theme.palette.background.paper,\n        borderRadius: 4,\n      },\n    },\n  }),\n)(InputBase);\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n});\n\ninterface DatePickerProps {\n  label: string;\n  onDateChange?: (date: string) => void;\n}\n\nexport const DatePicker = ({\n  label,\n  onDateChange,\n  ...inputProps\n}: InputProps & DatePickerProps) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Typography variant=\"button\">{label}</Typography>\n      <BootstrapInput\n        inputProps={{ 'aria-label': label }}\n        type=\"date\"\n        fullWidth\n        onChange={event => onDateChange?.(event.target.value)}\n        {...inputProps}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAyBA,MAAM,cAAiB,GAAA,UAAA;AAAA,EAAW,CAAC,UACjC,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,MAC1B,QAAU,EAAA,GAAA;AAAA,MACV,WAAa,EAAA;AAAA,QACX,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC5B,KACF;AAAA,IACA,KAAO,EAAA;AAAA,MACL,YAAc,EAAA,CAAA;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,MAC1C,MAAQ,EAAA,mBAAA;AAAA,MACR,QAAU,EAAA,EAAA;AAAA,MACV,OAAS,EAAA,qBAAA;AAAA,MACT,YAAY,KAAM,CAAA,WAAA,CAAY,OAAO,CAAC,cAAA,EAAgB,YAAY,CAAC,CAAA;AAAA,MACnE,UAAY,EAAA,gBAAA;AAAA,MACZ,MAAQ,EAAA,EAAA;AAAA,MACR,SAAW,EAAA;AAAA,QACT,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,QACrC,YAAc,EAAA;AAAA;AAChB;AACF,GACD;AACH,CAAA,CAAE,SAAS,CAAA;AAEX,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA;AAAA;AAEnB,CAAC,CAAA;AAOM,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG;AACL,CAAoC,KAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAA,sCACrB,UAAW,EAAA,EAAA,OAAA,EAAQ,QAAU,EAAA,EAAA,KAAM,CACpC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,MAClC,IAAK,EAAA,MAAA;AAAA,MACL,SAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,CAAA,KAAA,KAAS,YAAe,GAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,MACnD,GAAG;AAAA;AAAA,GAER,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DatePicker.esm.js","sources":["../../../src/components/DatePicker/DatePicker.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 { createStyles } from '@material-ui/core/styles';\nimport { InputProps } from '@material-ui/core/Input';\nimport withStyles from '@material-ui/core/styles/withStyles';\nimport { Theme } from '@material-ui/core/styles/createTheme';\nimport InputBase from '@material-ui/core/InputBase/InputBase';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport Typography from '@material-ui/core/Typography/Typography';\n\nconst BootstrapInput = withStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      margin: theme.spacing(1, 0),\n      maxWidth: 300,\n      'label + &': {\n        marginTop: theme.spacing(3),\n      },\n    },\n    input: {\n      borderRadius: 4,\n      position: 'relative',\n      backgroundColor: theme.palette.background.paper,\n      border: '1px solid #ced4da',\n      fontSize: 16,\n      padding: '10px 26px 10px 12px',\n      transition: theme.transitions.create(['border-color', 'box-shadow']),\n      fontFamily: 'Helvetica Neue',\n      height: 25,\n      '&:focus': {\n        background: theme.palette.background.paper,\n        borderRadius: 4,\n      },\n    },\n  }),\n)(InputBase);\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n});\n\ninterface DatePickerProps {\n  label: string;\n  onDateChange?: (date: string) => void;\n}\n\nexport const DatePicker = ({\n  label,\n  onDateChange,\n  ...inputProps\n}: InputProps & DatePickerProps) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Typography variant=\"button\">{label}</Typography>\n      <BootstrapInput\n        inputProps={{ 'aria-label': label }}\n        type=\"date\"\n        fullWidth\n        onChange={event => onDateChange?.(event.target.value)}\n        {...inputProps}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAwBA,MAAM,cAAiB,GAAA,UAAA;AAAA,EAAW,CAAC,UACjC,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,MAC1B,QAAU,EAAA,GAAA;AAAA,MACV,WAAa,EAAA;AAAA,QACX,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC5B,KACF;AAAA,IACA,KAAO,EAAA;AAAA,MACL,YAAc,EAAA,CAAA;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,MAC1C,MAAQ,EAAA,mBAAA;AAAA,MACR,QAAU,EAAA,EAAA;AAAA,MACV,OAAS,EAAA,qBAAA;AAAA,MACT,YAAY,KAAM,CAAA,WAAA,CAAY,OAAO,CAAC,cAAA,EAAgB,YAAY,CAAC,CAAA;AAAA,MACnE,UAAY,EAAA,gBAAA;AAAA,MACZ,MAAQ,EAAA,EAAA;AAAA,MACR,SAAW,EAAA;AAAA,QACT,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,QACrC,YAAc,EAAA;AAAA;AAChB;AACF,GACD;AACH,CAAA,CAAE,SAAS,CAAA;AAEX,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA;AAAA;AAEnB,CAAC,CAAA;AAOM,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG;AACL,CAAoC,KAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,QAAA,EAAU,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBACpC,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,QAClC,IAAK,EAAA,MAAA;AAAA,QACL,SAAS,EAAA,IAAA;AAAA,QACT,QAAU,EAAA,CAAA,KAAA,KAAS,YAAe,GAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,QACnD,GAAG;AAAA;AAAA;AACN,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Overview/Overview.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Progress, EmptyState, ContentHeader, SupportButton, Table, InfoCard } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { xcmetricsApiRef } from '../../api/types.esm.js';
@@ -19,12 +19,12 @@ const Overview = () => {
     error
   } = useAsync(async () => client.getBuilds(), []);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   } else if (error) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
   if (!builds || !builds.length) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       EmptyState,
       {
         missing: "data",
@@ -33,20 +33,29 @@ const Overview = () => {
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "XCMetrics Dashboard" }, /* @__PURE__ */ React.createElement(SupportButton, null, "Dashboard for XCMetrics")), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "row" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 8, lg: 8, xl: 9 }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      options: {
-        paging: false,
-        search: false,
-        sorting: false,
-        draggable: false
-      },
-      data: builds,
-      columns: overviewColumns,
-      title: /* @__PURE__ */ React.createElement(React.Fragment, null, "Latest Builds", /* @__PURE__ */ React.createElement(StatusMatrix, null))
-    }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 4, xl: 3 }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(OverviewTrends, null)))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title: "XCMetrics Dashboard", children: /* @__PURE__ */ jsx(SupportButton, { children: "Dashboard for XCMetrics" }) }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, direction: "row", children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 8, lg: 8, xl: 9, children: /* @__PURE__ */ jsx(
+        Table,
+        {
+          options: {
+            paging: false,
+            search: false,
+            sorting: false,
+            draggable: false
+          },
+          data: builds,
+          columns: overviewColumns,
+          title: /* @__PURE__ */ jsxs(Fragment, { children: [
+            "Latest Builds",
+            /* @__PURE__ */ jsx(StatusMatrix, {})
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, lg: 4, xl: 3, children: /* @__PURE__ */ jsx(InfoCard, { children: /* @__PURE__ */ jsx(OverviewTrends, {}) }) })
+    ] })
+  ] });
 };
 
 export { Overview };

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

@@ -1 +1 @@
-{"version":3,"file":"Overview.esm.js","sources":["../../../src/components/Overview/Overview.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  ContentHeader,\n  SupportButton,\n  Progress,\n  Table,\n  EmptyState,\n  InfoCard,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { xcmetricsApiRef } from '../../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport Alert from '@material-ui/lab/Alert';\nimport { StatusMatrix } from '../StatusMatrix';\nimport Grid from '@material-ui/core/Grid';\nimport { OverviewTrends } from '../OverviewTrends';\nimport { overviewColumns } from '../BuildTableColumns';\n\nexport const Overview = () => {\n  const client = useApi(xcmetricsApiRef);\n  const {\n    value: builds,\n    loading,\n    error,\n  } = useAsync(async () => client.getBuilds(), []);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (!builds || !builds.length) {\n    return (\n      <EmptyState\n        missing=\"data\"\n        title=\"No builds to show\"\n        description=\"There are no builds in XCMetrics yet\"\n      />\n    );\n  }\n\n  return (\n    <>\n      <ContentHeader title=\"XCMetrics Dashboard\">\n        <SupportButton>Dashboard for XCMetrics</SupportButton>\n      </ContentHeader>\n      <Grid container spacing={3} direction=\"row\">\n        <Grid item xs={12} md={8} lg={8} xl={9}>\n          <Table\n            options={{\n              paging: false,\n              search: false,\n              sorting: false,\n              draggable: false,\n            }}\n            data={builds}\n            columns={overviewColumns}\n            title={\n              <>\n                Latest Builds\n                <StatusMatrix />\n              </>\n            }\n          />\n        </Grid>\n        <Grid item xs={12} md={4} lg={4} xl={3}>\n          <InfoCard>\n            <OverviewTrends />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiCO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,MAAA,GAAS,OAAO,eAAe,CAAA;AACrC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,QAAS,CAAA,YAAY,OAAO,SAAU,EAAA,EAAG,EAAE,CAAA;AAE/C,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAGhD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,CAAO,MAAQ,EAAA;AAC7B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,KAAM,EAAA,mBAAA;AAAA,QACN,WAAY,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAM,qBACnB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,IAAA,EAAA,yBAAuB,CACxC,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,SAAU,EAAA,KAAA,EAAA,kBACnC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAG,IAAI,CACnC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,KAAA;AAAA,QACR,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,KAAA;AAAA,QACT,SAAW,EAAA;AAAA,OACb;AAAA,MACA,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,eAAA;AAAA,MACT,KACE,kBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAE,eAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAa,CAChB;AAAA;AAAA,GAGN,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,CAAG,EAAA,EAAA,EAAI,qBAClC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,sCACE,cAAe,EAAA,IAAA,CAClB,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Overview.esm.js","sources":["../../../src/components/Overview/Overview.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  ContentHeader,\n  SupportButton,\n  Progress,\n  Table,\n  EmptyState,\n  InfoCard,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { xcmetricsApiRef } from '../../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport Alert from '@material-ui/lab/Alert';\nimport { StatusMatrix } from '../StatusMatrix';\nimport Grid from '@material-ui/core/Grid';\nimport { OverviewTrends } from '../OverviewTrends';\nimport { overviewColumns } from '../BuildTableColumns';\n\nexport const Overview = () => {\n  const client = useApi(xcmetricsApiRef);\n  const {\n    value: builds,\n    loading,\n    error,\n  } = useAsync(async () => client.getBuilds(), []);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (!builds || !builds.length) {\n    return (\n      <EmptyState\n        missing=\"data\"\n        title=\"No builds to show\"\n        description=\"There are no builds in XCMetrics yet\"\n      />\n    );\n  }\n\n  return (\n    <>\n      <ContentHeader title=\"XCMetrics Dashboard\">\n        <SupportButton>Dashboard for XCMetrics</SupportButton>\n      </ContentHeader>\n      <Grid container spacing={3} direction=\"row\">\n        <Grid item xs={12} md={8} lg={8} xl={9}>\n          <Table\n            options={{\n              paging: false,\n              search: false,\n              sorting: false,\n              draggable: false,\n            }}\n            data={builds}\n            columns={overviewColumns}\n            title={\n              <>\n                Latest Builds\n                <StatusMatrix />\n              </>\n            }\n          />\n        </Grid>\n        <Grid item xs={12} md={4} lg={4} xl={3}>\n          <InfoCard>\n            <OverviewTrends />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgCO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,MAAA,GAAS,OAAO,eAAe,CAAA;AACrC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,QAAS,CAAA,YAAY,OAAO,SAAU,EAAA,EAAG,EAAE,CAAA;AAE/C,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAS,gBAAM,OAAQ,EAAA,CAAA;AAAA;AAGhD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,CAAO,MAAQ,EAAA;AAC7B,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,KAAM,EAAA,mBAAA;AAAA,QACN,WAAY,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAM,EAAA,qBAAA,EACnB,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,qCAAuB,CACxC,EAAA,CAAA;AAAA,yBACC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,WAAU,KACpC,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACnC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA;AAAA,YACP,MAAQ,EAAA,KAAA;AAAA,YACR,MAAQ,EAAA,KAAA;AAAA,YACR,OAAS,EAAA,KAAA;AAAA,YACT,SAAW,EAAA;AAAA,WACb;AAAA,UACA,IAAM,EAAA,MAAA;AAAA,UACN,OAAS,EAAA,eAAA;AAAA,UACT,uBACI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,YAAA,eAAA;AAAA,gCAEC,YAAa,EAAA,EAAA;AAAA,WAChB,EAAA;AAAA;AAAA,OAGN,EAAA,CAAA;AAAA,0BACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAG,IAAI,CACnC,EAAA,QAAA,kBAAA,GAAA,CAAC,YACC,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,GAClB,CACF,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,7 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles, useTheme } from '@material-ui/core/styles';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Progress, Select } from '@backstage/core-components';
 import { Trend } from '../Trend/Trend.esm.js';
 import Alert from '@material-ui/lab/Alert';
@@ -44,7 +45,7 @@ const OverviewTrends = () => {
     [days]
   );
   if (buildCountsResult.loading && buildTimesResult.loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   const sumBuilds = sumField((b) => b.builds, buildCountsResult.value);
   const sumErrors = sumField((b) => b.errors, buildCountsResult.value);
@@ -58,74 +59,92 @@ const OverviewTrends = () => {
     (b) => b.durationP95
   );
   const totalBuildTime = sumField((t) => t.totalDuration, buildTimesResult.value);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      selected: days,
-      items: DAYS_SELECT_ITEMS,
-      label: "Trends for",
-      onChange: (selection) => setDays(selection)
-    }
-  ), buildCountsResult.error && /* @__PURE__ */ React.createElement(Alert, { severity: "error", className: classes.spacingVertical }, /* @__PURE__ */ React.createElement(AlertTitle, null, "Failed to fetch build counts"), buildCountsResult?.error?.message), buildTimesResult.error && /* @__PURE__ */ React.createElement(Alert, { severity: "error", className: classes.spacingVertical }, /* @__PURE__ */ React.createElement(AlertTitle, null, "Failed to fetch build times"), buildTimesResult?.error?.message), (!buildCountsResult.error || !buildTimesResult.error) && /* @__PURE__ */ React.createElement("div", { className: classes.spacingVertical }, /* @__PURE__ */ React.createElement(
-    Trend,
-    {
-      title: "Build Time",
-      color: theme.palette.secondary.main,
-      data: getValues((e) => e.durationP50, buildTimesResult.value)
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Trend,
-    {
-      title: "Error Rate",
-      color: theme.palette.status.warning,
-      data: getErrorRatios(buildCountsResult.value)
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Trend,
-    {
-      title: "Build Count",
-      color: theme.palette.primary.main,
-      data: getValues((e) => e.builds, buildCountsResult.value)
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      container: true,
-      spacing: 3,
-      direction: "row",
-      className: classes.spacingTop
-    },
-    /* @__PURE__ */ React.createElement(DataValueGridItem, { field: "Build Count", value: sumBuilds }),
-    /* @__PURE__ */ React.createElement(DataValueGridItem, { field: "Error Count", value: sumErrors }),
-    /* @__PURE__ */ React.createElement(
-      DataValueGridItem,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Select,
       {
-        field: "Error Rate",
-        value: errorRate && formatPercentage(errorRate)
+        selected: days,
+        items: DAYS_SELECT_ITEMS,
+        label: "Trends for",
+        onChange: (selection) => setDays(selection)
       }
     ),
-    /* @__PURE__ */ React.createElement(
-      DataValueGridItem,
-      {
-        field: "Avg. Build Time (P50)",
-        value: averageBuildDurationP50
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      DataValueGridItem,
-      {
-        field: "Avg. Build Time (P95)",
-        value: averageBuildDurationP95
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      DataValueGridItem,
-      {
-        field: "Total Build Time",
-        value: totalBuildTime && formatDuration(totalBuildTime)
-      }
-    )
-  )));
+    buildCountsResult.error && /* @__PURE__ */ jsxs(Alert, { severity: "error", className: classes.spacingVertical, children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: "Failed to fetch build counts" }),
+      buildCountsResult?.error?.message
+    ] }),
+    buildTimesResult.error && /* @__PURE__ */ jsxs(Alert, { severity: "error", className: classes.spacingVertical, children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: "Failed to fetch build times" }),
+      buildTimesResult?.error?.message
+    ] }),
+    (!buildCountsResult.error || !buildTimesResult.error) && /* @__PURE__ */ jsxs("div", { className: classes.spacingVertical, children: [
+      /* @__PURE__ */ jsx(
+        Trend,
+        {
+          title: "Build Time",
+          color: theme.palette.secondary.main,
+          data: getValues((e) => e.durationP50, buildTimesResult.value)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Trend,
+        {
+          title: "Error Rate",
+          color: theme.palette.status.warning,
+          data: getErrorRatios(buildCountsResult.value)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Trend,
+        {
+          title: "Build Count",
+          color: theme.palette.primary.main,
+          data: getValues((e) => e.builds, buildCountsResult.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 3,
+          direction: "row",
+          className: classes.spacingTop,
+          children: [
+            /* @__PURE__ */ jsx(DataValueGridItem, { field: "Build Count", value: sumBuilds }),
+            /* @__PURE__ */ jsx(DataValueGridItem, { field: "Error Count", value: sumErrors }),
+            /* @__PURE__ */ jsx(
+              DataValueGridItem,
+              {
+                field: "Error Rate",
+                value: errorRate && formatPercentage(errorRate)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DataValueGridItem,
+              {
+                field: "Avg. Build Time (P50)",
+                value: averageBuildDurationP50
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DataValueGridItem,
+              {
+                field: "Avg. Build Time (P95)",
+                value: averageBuildDurationP95
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DataValueGridItem,
+              {
+                field: "Total Build Time",
+                value: totalBuildTime && formatDuration(totalBuildTime)
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
 };
 
 export { OverviewTrends };