@backstage-community/plugin-xcmetrics 0.2.53 → 0.2.55

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-xcmetrics
 
+## 0.2.55
+
+### Patch Changes
+
+- 6d1ba9d: Backstage version bump to v1.29.2
+
+## 0.2.54
+
+### Patch Changes
+
+- 1255628: Use the `fetchApi` instead of native fetch
+
 ## 0.2.53
 
 ### Patch Changes

package/dist/{esm/index-DfJWmS4I.esm.js → api/XcmetricsClient.esm.js}

@@ -1,21 +1,12 @@
-import { createApiRef, createRouteRef, createSubRouteRef, createPlugin, createApiFactory, discoveryApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
 import { ResponseError } from '@backstage/errors';
 import { DateTime } from 'luxon';
 
-const xcmetricsApiRef = createApiRef({
-  id: "plugin.xcmetrics.api"
-});
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 class XcmetricsClient {
+  discoveryApi;
+  fetchApi;
   constructor(options) {
-    __publicField(this, "discoveryApi");
     this.discoveryApi = options.discoveryApi;
+    this.fetchApi = options.fetchApi;
   }
   async getBuild(id) {
     const response = await this.get(`/build/${id}`);
@@ -71,7 +62,7 @@ class XcmetricsClient {
   }
   async get(path) {
     const baseUrl = `${await this.discoveryApi.getBaseUrl("proxy")}/xcmetrics`;
-    const response = await fetch(`${baseUrl}${path}`);
+    const response = await this.fetchApi.fetch(`${baseUrl}${path}`);
     if (!response.ok) {
       throw await ResponseError.fromResponse(response);
     }
@@ -79,7 +70,7 @@ class XcmetricsClient {
   }
   async post(path, body) {
     const baseUrl = `${await this.discoveryApi.getBaseUrl("proxy")}/xcmetrics`;
-    const response = await fetch(`${baseUrl}${path}`, {
+    const response = await this.fetchApi.fetch(`${baseUrl}${path}`, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify(body)
@@ -91,39 +82,5 @@ class XcmetricsClient {
   }
 }
 
-const rootRouteRef = createRouteRef({
-  id: "xcmetrics"
-});
-const buildsRouteRef = createSubRouteRef({
-  id: "xcmetrics-builds",
-  parent: rootRouteRef,
-  path: "/builds"
-});
-
-const xcmetricsPlugin = createPlugin({
-  id: "xcmetrics",
-  routes: {
-    root: rootRouteRef
-  },
-  apis: [
-    createApiFactory({
-      api: xcmetricsApiRef,
-      deps: {
-        discoveryApi: discoveryApiRef
-      },
-      factory({ discoveryApi }) {
-        return new XcmetricsClient({ discoveryApi });
-      }
-    })
-  ]
-});
-const XcmetricsPage = xcmetricsPlugin.provide(
-  createRoutableExtension({
-    name: "XcmetricsPage",
-    component: () => import('./index-Dehp5p72.esm.js').then((m) => m.XcmetricsLayout),
-    mountPoint: rootRouteRef
-  })
-);
-
-export { XcmetricsPage as X, xcmetricsPlugin as a, buildsRouteRef as b, xcmetricsApiRef as x };
-//# sourceMappingURL=index-DfJWmS4I.esm.js.map
+export { XcmetricsClient };
+//# sourceMappingURL=XcmetricsClient.esm.js.map

package/dist/api/XcmetricsClient.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XcmetricsClient.esm.js","sources":["../../src/api/XcmetricsClient.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport { DateTime } from 'luxon';\nimport {\n  Build,\n  BuildCount,\n  BuildError,\n  BuildFilters,\n  BuildHost,\n  BuildMetadata,\n  BuildResponse,\n  BuildStatusResult,\n  BuildTime,\n  BuildWarning,\n  PaginationResult,\n  XcmetricsApi,\n} from './types';\n\ninterface Options {\n  discoveryApi: DiscoveryApi;\n  fetchApi: FetchApi;\n}\n\nexport class XcmetricsClient implements XcmetricsApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: Options) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getBuild(id: string): Promise<BuildResponse> {\n    const response = await this.get(`/build/${id}`);\n    return (await response.json()) as BuildResponse;\n  }\n\n  async getBuilds(limit: number = 10): Promise<Build[]> {\n    const response = await this.get(`/build?per=${limit}`);\n    return ((await response.json()) as PaginationResult<Build>).items;\n  }\n\n  async getFilteredBuilds(\n    filters: BuildFilters,\n    page?: number,\n    perPage?: number,\n  ): Promise<PaginationResult<Build>> {\n    const response = await this.post('/build/filter', {\n      from: DateTime.fromISO(filters.from)\n        .startOf('day')\n        .toISO({ suppressMilliseconds: true }),\n      to: DateTime.fromISO(filters.to)\n        .endOf('day')\n        .startOf('second')\n        .toISO({ suppressMilliseconds: true }),\n      status: filters.buildStatus,\n      projectName: filters.project,\n      page,\n      per: perPage,\n      excludeCI: false,\n    });\n\n    return (await response.json()) as PaginationResult<Build>;\n  }\n\n  async getBuildCounts(days: number): Promise<BuildCount[]> {\n    const response = await this.get(`/statistics/build/count?days=${days}`);\n    return (await response.json()) as BuildCount[];\n  }\n\n  async getBuildErrors(buildId: string): Promise<BuildError[]> {\n    const response = await this.get(`/build/error/${buildId}`);\n    return (await response.json()) as BuildError[];\n  }\n\n  async getBuildHost(buildId: string): Promise<BuildHost> {\n    const response = await this.get(`/build/host/${buildId}`);\n    return (await response.json()) as BuildHost;\n  }\n\n  async getBuildMetadata(buildId: string): Promise<BuildMetadata> {\n    const response = await this.get(`/build/metadata/${buildId}`);\n    return ((await response.json()) as Record<'metadata', BuildMetadata>)\n      .metadata;\n  }\n\n  async getBuildTimes(days: number): Promise<BuildTime[]> {\n    const response = await this.get(`/statistics/build/time?days=${days}`);\n    return (await response.json()) as BuildTime[];\n  }\n\n  async getBuildStatuses(limit: number): Promise<BuildStatusResult[]> {\n    const response = await this.get(`/statistics/build/status?per=${limit}`);\n    return ((await response.json()) as PaginationResult<BuildStatusResult>)\n      .items;\n  }\n\n  async getBuildWarnings(buildId: string): Promise<BuildWarning[]> {\n    const response = await this.get(`/build/warning/${buildId}`);\n    return (await response.json()) as BuildWarning[];\n  }\n\n  async getProjects(): Promise<string[]> {\n    const response = await this.get('/build/project');\n    return (await response.json()) as string[];\n  }\n\n  private async get(path: string): Promise<Response> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl('proxy')}/xcmetrics`;\n    const response = await this.fetchApi.fetch(`${baseUrl}${path}`);\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return response;\n  }\n\n  private async post(path: string, body: Object): Promise<Response> {\n    const baseUrl = `${await this.discoveryApi.getBaseUrl('proxy')}/xcmetrics`;\n    const response = await this.fetchApi.fetch(`${baseUrl}${path}`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(body),\n    });\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return response;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/api/types.esm.js

@@ -0,0 +1,8 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const xcmetricsApiRef = createApiRef({
+  id: "plugin.xcmetrics.api"
+});
+
+export { xcmetricsApiRef };
+//# sourceMappingURL=types.esm.js.map

package/dist/api/types.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.esm.js","sources":["../../src/api/types.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef } from '@backstage/core-plugin-api';\n\nexport type BuildStatus = 'succeeded' | 'failed' | 'stopped';\n\nexport type Build = {\n  userid: string;\n  warningCount: number;\n  duration: number;\n  startTimestamp: string;\n  isCi: boolean;\n  startTimestampMicroseconds: number;\n  category: string;\n  endTimestampMicroseconds: number;\n  day: string;\n  compilationEndTimestamp: string;\n  tag: string;\n  projectName: string;\n  compilationEndTimestampMicroseconds: number;\n  errorCount: number;\n  id: string;\n  buildStatus: BuildStatus;\n  compilationDuration: number;\n  schema: string;\n  compiledCount: number;\n  endTimestamp: string;\n  userid256: string;\n  machineName: string;\n  wasSuspended: boolean;\n};\n\nexport type BuildStatusResult = Pick<Build, 'id' | 'buildStatus'>;\n\nexport type BuildCount = {\n  day: string;\n  errors: number;\n  builds: number;\n};\n\nexport type BuildError = {\n  detail: string;\n  characterRangeEnd: number;\n  id: string;\n  endingColumn: number;\n  parentIdentifier: string;\n  day: string;\n  type: string;\n  title: string;\n  endingLine: number;\n  severity: number;\n  startingLine: number;\n  parentType: string;\n  buildIdentifier: string;\n  startingColumn: number;\n  characterRangeStart: number;\n  documentURL: string;\n};\n\nexport type BuildHost = {\n  id: string;\n  swapFreeMb: number;\n  hostOsFamily: string;\n  isVirtual: boolean;\n  uptimeSeconds: number;\n  hostModel: string;\n  hostOsVersion: string;\n  day: string;\n  cpuCount: number;\n  swapTotalMb: number;\n  hostOs: string;\n  hostArchitecture: string;\n  memoryTotalMb: number;\n  timezone: string;\n  cpuModel: string;\n  buildIdentifier: string;\n  memoryFreeMb: number;\n  cpuSpeedGhz: number;\n};\n\nexport type BuildMetadata = {\n  [key: string]: string;\n};\n\nexport type BuildTime = {\n  day: string;\n  durationP50: number;\n  durationP95: number;\n  totalDuration: number;\n};\n\nexport type BuildWarning = {\n  detail: string | null;\n  characterRangeEnd: number;\n  documentURL: string;\n  endingColumn: number;\n  id: string;\n  parentIdentifier: string;\n  day: string;\n  type: string;\n  title: string;\n  endingLine: number;\n  severity: number;\n  startingLine: number;\n  parentType: string;\n  clangFlag: string;\n  startingColumn: number;\n  buildIdentifier: string;\n  characterRangeStart: number;\n};\n\nexport type PaginationResult<T> = {\n  items: T[];\n  metadata: {\n    per: number;\n    total: number;\n    page: number;\n  };\n};\n\nexport type Target = {\n  id: string;\n  category: string;\n  startTimestamp: string;\n  compilationEndTimestampMicroseconds: number;\n  endTimestampMicroseconds: number;\n  endTimestamp: string;\n  fetchedFromCache: boolean;\n  errorCount: number;\n  day: string;\n  warningCount: number;\n  compilationEndTimestamp: string;\n  compilationDuration: number;\n  compiledCount: number;\n  duration: number;\n  buildIdentifier: string;\n  name: string;\n  startTimestampMicroseconds: number;\n};\n\nexport type Xcode = {\n  buildNumber: string;\n  id: string;\n  buildIdentifier: string;\n  day: string;\n  version: string;\n};\n\nexport type BuildResponse = {\n  build: Build;\n  targets: Target[];\n  xcode?: Xcode; // Can be undefined if XCMetrics version < v0.0.8\n};\n\nexport type BuildFilters = {\n  from: string; // ISO Date (e.g. \"2021-01-01\")\n  to: string; // ISO Date (e.g. \"2021-01-02\")\n  buildStatus?: BuildStatus;\n  project?: string;\n};\n\nexport interface XcmetricsApi {\n  getBuild(id: string): Promise<BuildResponse>;\n  getBuilds(limit?: number): Promise<Build[]>;\n  getFilteredBuilds(\n    filters: BuildFilters,\n    page?: number,\n    perPage?: number,\n  ): Promise<PaginationResult<Build>>;\n  getBuildErrors(buildId: string): Promise<BuildError[]>;\n  getBuildCounts(days: number): Promise<BuildCount[]>;\n  getBuildHost(buildId: string): Promise<BuildHost>;\n  getBuildMetadata(buildId: string): Promise<BuildMetadata>;\n  getBuildTimes(days: number): Promise<BuildTime[]>;\n  getBuildStatuses(limit: number): Promise<BuildStatusResult[]>;\n  getBuildWarnings(buildId: string): Promise<BuildWarning[]>;\n  getProjects(): Promise<string[]>;\n}\n\nexport const xcmetricsApiRef = createApiRef<XcmetricsApi>({\n  id: 'plugin.xcmetrics.api',\n});\n"],"names":[],"mappings":";;AAiMO,MAAM,kBAAkB,YAA2B,CAAA;AAAA,EACxD,EAAI,EAAA,sBAAA;AACN,CAAC;;;;"}

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

@@ -0,0 +1,43 @@
+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(
+  (theme) => createStyles({
+    heading: {
+      flexBasis: "33.33%",
+      flexShrink: 0
+    },
+    secondaryHeading: {
+      color: theme.palette.text.secondary
+    }
+  })
+);
+const Accordion = (props) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(
+    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)
+  );
+};
+
+export { Accordion };
+//# sourceMappingURL=Accordion.esm.js.map

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

@@ -0,0 +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,CAAA;AAAA,KACd;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,KAC5B;AAAA,GACD,CAAA;AACH,CAAA,CAAA;AAUa,MAAA,SAAA,GAAY,CAAC,KAA6C,KAAA;AACrE,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;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,EAAA;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,CAAA;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,CAAA;AAAA,KACF;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,gBAAkB,EAAA,IAAA,EAAA,KAAA,CAAM,QAAS,CAAA;AAAA,GACpC,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,139 @@
+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';
+import { Progress, StructuredMetadataTable } from '@backstage/core-components';
+import Alert from '@material-ui/lab/Alert';
+import useAsync from 'react-use/esm/useAsync';
+import { useApi } from '@backstage/core-plugin-api';
+import { formatTime, formatDuration, formatStatus } from '../../utils/format.esm.js';
+import { StatusIcon } from '../StatusIcon/StatusIcon.esm.js';
+import { Accordion } from '../Accordion/Accordion.esm.js';
+import { BuildTimeline } from '../BuildTimeline/BuildTimeline.esm.js';
+import { PreformattedText } from '../PreformattedText/PreformattedText.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    divider: {
+      marginTop: theme.spacing(2),
+      marginBottom: theme.spacing(2)
+    }
+  })
+);
+const BuildDetails = ({
+  buildData: { build, targets, xcode },
+  showId
+}) => {
+  const classes = useStyles();
+  const client = useApi(xcmetricsApiRef);
+  const hostResult = useAsync(
+    async () => client.getBuildHost(build.id),
+    [build.id]
+  );
+  const errorsResult = useAsync(
+    async () => client.getBuildErrors(build.id),
+    [build.id]
+  );
+  const warningsResult = useAsync(
+    async () => client.getBuildWarnings(build.id),
+    [build.id]
+  );
+  const metadataResult = useAsync(
+    async () => client.getBuildMetadata(build.id),
+    [build.id]
+  );
+  const buildDetails = {
+    project: build.projectName,
+    schema: build.schema,
+    category: build.category,
+    userId: build.userid,
+    "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)),
+    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,
+      {
+        title: "Warning Details",
+        text: warning.detail ?? warning.title,
+        maxChars: 190,
+        expandable: true
+      }
+    ), 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 }))));
+};
+const withRequest = (Component) => ({ buildId, ...props }) => {
+  const client = useApi(xcmetricsApiRef);
+  const {
+    value: buildResponse,
+    loading,
+    error
+  } = useAsync(async () => client.getBuild(buildId), []);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  }
+  if (!buildResponse) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Could not load build ", buildId);
+  }
+  return /* @__PURE__ */ React.createElement(Component, { ...props, buildData: buildResponse });
+};
+
+export { BuildDetails, withRequest };
+//# sourceMappingURL=BuildDetails.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,73 @@
+import React, { useRef, useState } from 'react';
+import { Table } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { xcmetricsApiRef } from '../../api/types.esm.js';
+import '@backstage/errors';
+import { DateTime } from 'luxon';
+import Grid from '@material-ui/core/Grid';
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+import { BuildListFilter } from '../BuildListFilter/BuildListFilter.esm.js';
+import { buildPageColumns } from '../BuildTableColumns.esm.js';
+import { withRequest, BuildDetails } from '../BuildDetails/BuildDetails.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    detailPanel: {
+      padding: theme.spacing(2),
+      backgroundColor: theme.palette.background.paper
+    }
+  })
+);
+const BuildList = () => {
+  const classes = useStyles();
+  const client = useApi(xcmetricsApiRef);
+  const tableRef = useRef();
+  const initialFilters = {
+    from: DateTime.now().minus({ years: 1 }).toISODate(),
+    to: DateTime.now().toISODate()
+  };
+  const [filters, setFilters] = useState(initialFilters);
+  const handleFilterChange = (values) => {
+    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 }));
+      }
+    }
+  ));
+};
+
+export { BuildList };
+//# sourceMappingURL=BuildList.esm.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,124 @@
+import React, { 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';
+import { makeStyles } from '@material-ui/core/styles';
+import FilterList from '@material-ui/icons/FilterList';
+import { Select, InfoCard } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import useAsync from 'react-use/esm/useAsync';
+import { xcmetricsApiRef } from '../../api/types.esm.js';
+import '@backstage/errors';
+import 'luxon';
+import { DatePicker } from '../DatePicker/DatePicker.esm.js';
+
+const toSelectItems = (strings) => {
+  return strings.map((str) => ({ label: str, value: str }));
+};
+const useStyles = makeStyles((theme) => ({
+  filtersContent: {
+    padding: theme.spacing(2, 2, 2, 2.5)
+  }
+}));
+const BuildListFilter = ({
+  onFilterChange,
+  initialValues
+}) => {
+  const client = useApi(xcmetricsApiRef);
+  const classes = useStyles();
+  const [open, setOpen] = useState(false);
+  const [values, setValues] = useState(initialValues);
+  useEffect(() => onFilterChange(values), [onFilterChange, values]);
+  const numFilters = Object.keys(values).reduce((sum, key) => {
+    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 statusItems = [
+    { label: "All", value: "all" },
+    { label: "Succeeded", value: "succeeded" },
+    { label: "Failed", value: "failed" },
+    { label: "Stopped", value: "stopped" }
+  ];
+  const { value: projects, loading } = useAsync(async () => {
+    return client.getProjects();
+  }, []);
+  const content = /* @__PURE__ */ React.createElement(
+    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
+        })
+      }
+    ))
+  );
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title,
+      titleTypographyProps: { variant: "h6" },
+      divider: open,
+      noPadding: true,
+      variant: "gridItem"
+    },
+    open && content
+  );
+};
+
+export { BuildListFilter };
+//# sourceMappingURL=BuildListFilter.esm.js.map

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

@@ -0,0 +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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"}