@backstage-community/plugin-github-actions 0.6.16 → 0.6.17

package/dist/components/WorkflowRunDetails/useWorkflowRunJobs.esm.js

@@ -0,0 +1,49 @@
+import useAsync from 'react-use/esm/useAsync';
+import { githubActionsApiRef } from '../../api/GithubActionsApi.esm.js';
+import '@backstage/integration';
+import '@octokit/rest';
+import { buildRouteRef } from '../../routes.esm.js';
+import { useApi, useRouteRefParams } from '@backstage/core-plugin-api';
+
+const useWorkflowRunJobs = ({
+  hostname,
+  owner,
+  repo
+}) => {
+  const api = useApi(githubActionsApiRef);
+  const { id } = useRouteRefParams(buildRouteRef);
+  return useAsync(async () => {
+    if (!repo || !owner) {
+      throw new Error("No repo/owner provided");
+    }
+    const jobs = await api.listJobsForWorkflowRun({
+      hostname,
+      owner,
+      repo,
+      id: parseInt(id, 10)
+    });
+    return {
+      total_count: jobs.total_count,
+      jobs: jobs.jobs.map((job) => ({
+        html_url: job.html_url ?? void 0,
+        status: job.status,
+        conclusion: job.conclusion ?? void 0,
+        started_at: job.started_at,
+        completed_at: job.completed_at ?? void 0,
+        id: job.id,
+        name: job.name,
+        steps: job.steps?.map((step) => ({
+          name: step.name,
+          status: step.status,
+          conclusion: step.conclusion ?? void 0,
+          number: step.number,
+          started_at: step.started_at ?? void 0,
+          completed_at: step.completed_at ?? void 0
+        }))
+      }))
+    };
+  }, [repo, owner, id]);
+};
+
+export { useWorkflowRunJobs };
+//# sourceMappingURL=useWorkflowRunJobs.esm.js.map

package/dist/components/WorkflowRunDetails/useWorkflowRunJobs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowRunJobs.esm.js","sources":["../../../src/components/WorkflowRunDetails/useWorkflowRunJobs.ts"],"sourcesContent":["/*\n * Copyright 2020 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 useAsync, { AsyncState } from 'react-use/esm/useAsync';\nimport { githubActionsApiRef, Job, Jobs, Step } from '../../api';\nimport { buildRouteRef } from '../../routes';\nimport { useApi, useRouteRefParams } from '@backstage/core-plugin-api';\n\nexport const useWorkflowRunJobs = ({\n  hostname,\n  owner,\n  repo,\n}: {\n  hostname?: string;\n  owner: string;\n  repo: string;\n}): AsyncState<Jobs> => {\n  const api = useApi(githubActionsApiRef);\n  const { id } = useRouteRefParams(buildRouteRef);\n\n  return useAsync(async () => {\n    if (!repo || !owner) {\n      throw new Error('No repo/owner provided');\n    }\n\n    const jobs = await api.listJobsForWorkflowRun({\n      hostname,\n      owner,\n      repo,\n      id: parseInt(id, 10),\n    });\n\n    return {\n      total_count: jobs.total_count,\n      jobs: jobs.jobs.map<Job>(job => ({\n        html_url: job.html_url ?? undefined,\n        status: job.status,\n        conclusion: job.conclusion ?? undefined,\n        started_at: job.started_at,\n        completed_at: job.completed_at ?? undefined,\n        id: job.id,\n        name: job.name,\n        steps: job.steps?.map<Step>(step => ({\n          name: step.name,\n          status: step.status,\n          conclusion: step.conclusion ?? undefined,\n          number: step.number,\n          started_at: step.started_at ?? undefined,\n          completed_at: step.completed_at ?? undefined,\n        })),\n      })),\n    };\n  }, [repo, owner, id]);\n};\n"],"names":[],"mappings":";;;;;;;AAoBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAIwB,KAAA;AACtB,EAAM,MAAA,GAAA,GAAM,OAAO,mBAAmB,CAAA,CAAA;AACtC,EAAA,MAAM,EAAE,EAAA,EAAO,GAAA,iBAAA,CAAkB,aAAa,CAAA,CAAA;AAE9C,EAAA,OAAO,SAAS,YAAY;AAC1B,IAAI,IAAA,CAAC,IAAQ,IAAA,CAAC,KAAO,EAAA;AACnB,MAAM,MAAA,IAAI,MAAM,wBAAwB,CAAA,CAAA;AAAA,KAC1C;AAEA,IAAM,MAAA,IAAA,GAAO,MAAM,GAAA,CAAI,sBAAuB,CAAA;AAAA,MAC5C,QAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,EAAA,EAAI,QAAS,CAAA,EAAA,EAAI,EAAE,CAAA;AAAA,KACpB,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,aAAa,IAAK,CAAA,WAAA;AAAA,MAClB,IAAM,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAS,CAAQ,GAAA,MAAA;AAAA,QAC/B,QAAA,EAAU,IAAI,QAAY,IAAA,KAAA,CAAA;AAAA,QAC1B,QAAQ,GAAI,CAAA,MAAA;AAAA,QACZ,UAAA,EAAY,IAAI,UAAc,IAAA,KAAA,CAAA;AAAA,QAC9B,YAAY,GAAI,CAAA,UAAA;AAAA,QAChB,YAAA,EAAc,IAAI,YAAgB,IAAA,KAAA,CAAA;AAAA,QAClC,IAAI,GAAI,CAAA,EAAA;AAAA,QACR,MAAM,GAAI,CAAA,IAAA;AAAA,QACV,KAAO,EAAA,GAAA,CAAI,KAAO,EAAA,GAAA,CAAU,CAAS,IAAA,MAAA;AAAA,UACnC,MAAM,IAAK,CAAA,IAAA;AAAA,UACX,QAAQ,IAAK,CAAA,MAAA;AAAA,UACb,UAAA,EAAY,KAAK,UAAc,IAAA,KAAA,CAAA;AAAA,UAC/B,QAAQ,IAAK,CAAA,MAAA;AAAA,UACb,UAAA,EAAY,KAAK,UAAc,IAAA,KAAA,CAAA;AAAA,UAC/B,YAAA,EAAc,KAAK,YAAgB,IAAA,KAAA,CAAA;AAAA,SACnC,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACJ,CAAA;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,KAAA,EAAO,EAAE,CAAC,CAAA,CAAA;AACtB;;;;"}

package/dist/components/WorkflowRunDetails/useWorkflowRunsDetails.esm.js

@@ -0,0 +1,27 @@
+import useAsync from 'react-use/esm/useAsync';
+import { githubActionsApiRef } from '../../api/GithubActionsApi.esm.js';
+import '@backstage/integration';
+import '@octokit/rest';
+import { buildRouteRef } from '../../routes.esm.js';
+import { useApi, useRouteRefParams } from '@backstage/core-plugin-api';
+
+const useWorkflowRunsDetails = ({
+  hostname,
+  owner,
+  repo
+}) => {
+  const api = useApi(githubActionsApiRef);
+  const { id } = useRouteRefParams(buildRouteRef);
+  const details = useAsync(async () => {
+    return repo && owner ? api.getWorkflowRun({
+      hostname,
+      owner,
+      repo,
+      id: parseInt(id, 10)
+    }) : Promise.reject(new Error("No repo/owner provided"));
+  }, [repo, owner, id]);
+  return details;
+};
+
+export { useWorkflowRunsDetails };
+//# sourceMappingURL=useWorkflowRunsDetails.esm.js.map

package/dist/components/WorkflowRunDetails/useWorkflowRunsDetails.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowRunsDetails.esm.js","sources":["../../../src/components/WorkflowRunDetails/useWorkflowRunsDetails.ts"],"sourcesContent":["/*\n * Copyright 2020 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 useAsync from 'react-use/esm/useAsync';\nimport { githubActionsApiRef } from '../../api';\nimport { buildRouteRef } from '../../routes';\nimport { useApi, useRouteRefParams } from '@backstage/core-plugin-api';\n\nexport const useWorkflowRunsDetails = ({\n  hostname,\n  owner,\n  repo,\n}: {\n  hostname?: string;\n  owner: string;\n  repo: string;\n}) => {\n  const api = useApi(githubActionsApiRef);\n  const { id } = useRouteRefParams(buildRouteRef);\n  const details = useAsync(async () => {\n    return repo && owner\n      ? api.getWorkflowRun({\n          hostname,\n          owner,\n          repo,\n          id: parseInt(id, 10),\n        })\n      : Promise.reject(new Error('No repo/owner provided'));\n  }, [repo, owner, id]);\n  return details;\n};\n"],"names":[],"mappings":";;;;;;;AAoBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAIM,KAAA;AACJ,EAAM,MAAA,GAAA,GAAM,OAAO,mBAAmB,CAAA,CAAA;AACtC,EAAA,MAAM,EAAE,EAAA,EAAO,GAAA,iBAAA,CAAkB,aAAa,CAAA,CAAA;AAC9C,EAAM,MAAA,OAAA,GAAU,SAAS,YAAY;AACnC,IAAO,OAAA,IAAA,IAAQ,KACX,GAAA,GAAA,CAAI,cAAe,CAAA;AAAA,MACjB,QAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,EAAA,EAAI,QAAS,CAAA,EAAA,EAAI,EAAE,CAAA;AAAA,KACpB,CACD,GAAA,OAAA,CAAQ,OAAO,IAAI,KAAA,CAAM,wBAAwB,CAAC,CAAA,CAAA;AAAA,GACrD,EAAA,CAAC,IAAM,EAAA,KAAA,EAAO,EAAE,CAAC,CAAA,CAAA;AACpB,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/dist/components/WorkflowRunLogs/WorkflowRunLogs.esm.js

@@ -0,0 +1,106 @@
+import { LogViewer } from '@backstage/core-components';
+import Accordion from '@material-ui/core/Accordion';
+import AccordionSummary from '@material-ui/core/AccordionSummary';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import Fade from '@material-ui/core/Fade';
+import Modal from '@material-ui/core/Modal';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+import Zoom from '@material-ui/core/Zoom';
+import { makeStyles } from '@material-ui/core/styles';
+import DescriptionIcon from '@material-ui/icons/Description';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import React from 'react';
+import { getProjectNameFromEntity } from '../getProjectNameFromEntity.esm.js';
+import { useDownloadWorkflowRunLogs } from './useDownloadWorkflowRunLogs.esm.js';
+import { getHostnameFromEntity } from '../getHostnameFromEntity.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  button: {
+    order: -1,
+    marginRight: 0,
+    marginLeft: "-20px"
+  },
+  modal: {
+    display: "flex",
+    alignItems: "center",
+    width: "85%",
+    height: "85%",
+    justifyContent: "center",
+    margin: "auto"
+  },
+  normalLogContainer: {
+    height: "75vh",
+    width: "100%"
+  },
+  modalLogContainer: {
+    height: "100%",
+    width: "100%"
+  },
+  log: {
+    background: theme.palette.background.default
+  }
+}));
+const WorkflowRunLogs = ({
+  entity,
+  runId,
+  inProgress
+}) => {
+  const classes = useStyles();
+  const projectName = getProjectNameFromEntity(entity);
+  const hostname = getHostnameFromEntity(entity);
+  const [owner, repo] = projectName && projectName.split("/") || [];
+  const jobLogs = useDownloadWorkflowRunLogs({
+    hostname,
+    owner,
+    repo,
+    id: runId
+  });
+  const logText = jobLogs.value ? String(jobLogs.value) : void 0;
+  const [open, setOpen] = React.useState(false);
+  const handleOpen = () => {
+    setOpen(true);
+  };
+  const handleClose = () => {
+    setOpen(false);
+  };
+  return /* @__PURE__ */ React.createElement(Accordion, { TransitionProps: { unmountOnExit: true }, disabled: inProgress }, /* @__PURE__ */ React.createElement(
+    AccordionSummary,
+    {
+      expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null),
+      IconButtonProps: {
+        className: classes.button
+      }
+    },
+    /* @__PURE__ */ React.createElement(Typography, { variant: "button" }, jobLogs.loading ? /* @__PURE__ */ React.createElement(CircularProgress, null) : "Job Log"),
+    /* @__PURE__ */ React.createElement(Tooltip, { title: "Open Log", TransitionComponent: Zoom, arrow: true }, /* @__PURE__ */ React.createElement(
+      DescriptionIcon,
+      {
+        onClick: (event) => {
+          event.stopPropagation();
+          handleOpen();
+        },
+        style: { marginLeft: "auto" }
+      }
+    )),
+    /* @__PURE__ */ React.createElement(
+      Modal,
+      {
+        className: classes.modal,
+        onClick: (event) => event.stopPropagation(),
+        open,
+        onClose: handleClose
+      },
+      /* @__PURE__ */ React.createElement(Fade, { in: open }, /* @__PURE__ */ React.createElement("div", { className: classes.modalLogContainer }, /* @__PURE__ */ React.createElement(
+        LogViewer,
+        {
+          text: logText ?? "No Values Found",
+          classes: { root: classes.log }
+        }
+      )))
+    )
+  ), logText && /* @__PURE__ */ React.createElement("div", { className: classes.normalLogContainer }, /* @__PURE__ */ React.createElement(LogViewer, { text: logText, classes: { root: classes.log } })));
+};
+
+export { WorkflowRunLogs };
+//# sourceMappingURL=WorkflowRunLogs.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunLogs.esm.js","sources":["../../../src/components/WorkflowRunLogs/WorkflowRunLogs.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { Entity } from '@backstage/catalog-model';\nimport { LogViewer } from '@backstage/core-components';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Fade from '@material-ui/core/Fade';\nimport Modal from '@material-ui/core/Modal';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport Zoom from '@material-ui/core/Zoom';\nimport { makeStyles } from '@material-ui/core/styles';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport React from 'react';\nimport { getProjectNameFromEntity } from '../getProjectNameFromEntity';\nimport { useDownloadWorkflowRunLogs } from './useDownloadWorkflowRunLogs';\nimport { getHostnameFromEntity } from '../getHostnameFromEntity';\n\nconst useStyles = makeStyles(theme => ({\n  button: {\n    order: -1,\n    marginRight: 0,\n    marginLeft: '-20px',\n  },\n  modal: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '85%',\n    height: '85%',\n    justifyContent: 'center',\n    margin: 'auto',\n  },\n  normalLogContainer: {\n    height: '75vh',\n    width: '100%',\n  },\n  modalLogContainer: {\n    height: '100%',\n    width: '100%',\n  },\n  log: {\n    background: theme.palette.background.default,\n  },\n}));\n\n/**\n * A component for Run Logs visualization.\n */\nexport const WorkflowRunLogs = ({\n  entity,\n  runId,\n  inProgress,\n}: {\n  entity: Entity;\n  runId: number;\n  inProgress: boolean;\n}) => {\n  const classes = useStyles();\n  const projectName = getProjectNameFromEntity(entity);\n\n  const hostname = getHostnameFromEntity(entity);\n  const [owner, repo] = (projectName && projectName.split('/')) || [];\n  const jobLogs = useDownloadWorkflowRunLogs({\n    hostname,\n    owner,\n    repo,\n    id: runId,\n  });\n  const logText = jobLogs.value ? String(jobLogs.value) : undefined;\n  const [open, setOpen] = React.useState(false);\n\n  const handleOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  return (\n    <Accordion TransitionProps={{ unmountOnExit: true }} disabled={inProgress}>\n      <AccordionSummary\n        expandIcon={<ExpandMoreIcon />}\n        IconButtonProps={{\n          className: classes.button,\n        }}\n      >\n        <Typography variant=\"button\">\n          {jobLogs.loading ? <CircularProgress /> : 'Job Log'}\n        </Typography>\n        <Tooltip title=\"Open Log\" TransitionComponent={Zoom} arrow>\n          <DescriptionIcon\n            onClick={event => {\n              event.stopPropagation();\n              handleOpen();\n            }}\n            style={{ marginLeft: 'auto' }}\n          />\n        </Tooltip>\n        <Modal\n          className={classes.modal}\n          onClick={event => event.stopPropagation()}\n          open={open}\n          onClose={handleClose}\n        >\n          <Fade in={open}>\n            <div className={classes.modalLogContainer}>\n              <LogViewer\n                text={logText ?? 'No Values Found'}\n                classes={{ root: classes.log }}\n              />\n            </div>\n          </Fade>\n        </Modal>\n      </AccordionSummary>\n      {logText && (\n        <div className={classes.normalLogContainer}>\n          <LogViewer text={logText} classes={{ root: classes.log }} />\n        </div>\n      )}\n    </Accordion>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,CAAA,CAAA;AAAA,IACP,WAAa,EAAA,CAAA;AAAA,IACb,UAAY,EAAA,OAAA;AAAA,GACd;AAAA,EACA,KAAO,EAAA;AAAA,IACL,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,KAAO,EAAA,KAAA;AAAA,IACP,MAAQ,EAAA,KAAA;AAAA,IACR,cAAgB,EAAA,QAAA;AAAA,IAChB,MAAQ,EAAA,MAAA;AAAA,GACV;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,iBAAmB,EAAA;AAAA,IACjB,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,GAAK,EAAA;AAAA,IACH,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,GACvC;AACF,CAAE,CAAA,CAAA,CAAA;AAKK,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AACF,CAIM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,WAAA,GAAc,yBAAyB,MAAM,CAAA,CAAA;AAEnD,EAAM,MAAA,QAAA,GAAW,sBAAsB,MAAM,CAAA,CAAA;AAC7C,EAAM,MAAA,CAAC,OAAO,IAAI,CAAA,GAAK,eAAe,WAAY,CAAA,KAAA,CAAM,GAAG,CAAA,IAAM,EAAC,CAAA;AAClE,EAAA,MAAM,UAAU,0BAA2B,CAAA;AAAA,IACzC,QAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,EAAI,EAAA,KAAA;AAAA,GACL,CAAA,CAAA;AACD,EAAA,MAAM,UAAU,OAAQ,CAAA,KAAA,GAAQ,MAAO,CAAA,OAAA,CAAQ,KAAK,CAAI,GAAA,KAAA,CAAA,CAAA;AACxD,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAE5C,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,eAAiB,EAAA,EAAE,eAAe,IAAK,EAAA,EAAG,UAAU,UAC7D,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,UAAA,sCAAa,cAAe,EAAA,IAAA,CAAA;AAAA,MAC5B,eAAiB,EAAA;AAAA,QACf,WAAW,OAAQ,CAAA,MAAA;AAAA,OACrB;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,QAAA,EAAA,EACjB,QAAQ,OAAU,mBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,IAAA,CAAA,GAAK,SAC5C,CAAA;AAAA,wCACC,OAAQ,EAAA,EAAA,KAAA,EAAM,YAAW,mBAAqB,EAAA,IAAA,EAAM,OAAK,IACxD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAS,KAAA,KAAA;AAChB,UAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,UAAW,UAAA,EAAA,CAAA;AAAA,SACb;AAAA,QACA,KAAA,EAAO,EAAE,UAAA,EAAY,MAAO,EAAA;AAAA,OAAA;AAAA,KAEhC,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,KAAA;AAAA,QACnB,OAAA,EAAS,CAAS,KAAA,KAAA,KAAA,CAAM,eAAgB,EAAA;AAAA,QACxC,IAAA;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,OAAA;AAAA,sBAET,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,IAAA,EAAA,sCACP,KAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,iBACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,MAAM,OAAW,IAAA,iBAAA;AAAA,UACjB,OAAS,EAAA,EAAE,IAAM,EAAA,OAAA,CAAQ,GAAI,EAAA;AAAA,SAAA;AAAA,OAEjC,CACF,CAAA;AAAA,KACF;AAAA,KAED,OACC,oBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,OAAA,CAAQ,sCACrB,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,IAAM,EAAA,OAAA,EAAS,SAAS,EAAE,IAAA,EAAM,QAAQ,GAAI,EAAA,EAAG,CAC5D,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/WorkflowRunLogs/useDownloadWorkflowRunLogs.esm.js

@@ -0,0 +1,26 @@
+import useAsync from 'react-use/esm/useAsync';
+import { githubActionsApiRef } from '../../api/GithubActionsApi.esm.js';
+import '@backstage/integration';
+import '@octokit/rest';
+import { useApi } from '@backstage/core-plugin-api';
+
+const useDownloadWorkflowRunLogs = ({
+  hostname,
+  owner,
+  repo,
+  id
+}) => {
+  const api = useApi(githubActionsApiRef);
+  const details = useAsync(async () => {
+    return repo && owner ? api.downloadJobLogsForWorkflowRun({
+      hostname,
+      owner,
+      repo,
+      runId: id
+    }) : Promise.reject("No repo/owner provided");
+  }, [repo, owner, id]);
+  return details;
+};
+
+export { useDownloadWorkflowRunLogs };
+//# sourceMappingURL=useDownloadWorkflowRunLogs.esm.js.map

package/dist/components/WorkflowRunLogs/useDownloadWorkflowRunLogs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDownloadWorkflowRunLogs.esm.js","sources":["../../../src/components/WorkflowRunLogs/useDownloadWorkflowRunLogs.ts"],"sourcesContent":["/*\n * Copyright 2020 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 useAsync from 'react-use/esm/useAsync';\nimport { githubActionsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const useDownloadWorkflowRunLogs = ({\n  hostname,\n  owner,\n  repo,\n  id,\n}: {\n  hostname?: string;\n  owner: string;\n  repo: string;\n  id: number;\n}) => {\n  const api = useApi(githubActionsApiRef);\n  const details = useAsync(async () => {\n    return repo && owner\n      ? api.downloadJobLogsForWorkflowRun({\n          hostname,\n          owner,\n          repo,\n          runId: id,\n        })\n      : Promise.reject('No repo/owner provided');\n  }, [repo, owner, id]);\n  return details;\n};\n"],"names":[],"mappings":";;;;;;AAoBO,MAAM,6BAA6B,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AACF,CAKM,KAAA;AACJ,EAAM,MAAA,GAAA,GAAM,OAAO,mBAAmB,CAAA,CAAA;AACtC,EAAM,MAAA,OAAA,GAAU,SAAS,YAAY;AACnC,IAAO,OAAA,IAAA,IAAQ,KACX,GAAA,GAAA,CAAI,6BAA8B,CAAA;AAAA,MAChC,QAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAO,EAAA,EAAA;AAAA,KACR,CAAA,GACD,OAAQ,CAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAAA,GAC1C,EAAA,CAAC,IAAM,EAAA,KAAA,EAAO,EAAE,CAAC,CAAA,CAAA;AACpB,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/dist/components/WorkflowRunStatus/WorkflowRunStatus.esm.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { StatusPending, StatusOK, StatusError, StatusWarning, StatusAborted, StatusRunning } from '@backstage/core-components';
+
+const WorkflowRunStatus = (props) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(WorkflowIcon, { ...props }), getStatusDescription(props));
+};
+function WorkflowIcon({
+  status,
+  conclusion
+}) {
+  if (status === void 0) return null;
+  switch (status.toLocaleLowerCase("en-US")) {
+    case "queued":
+      return /* @__PURE__ */ React.createElement(StatusPending, null);
+    case "in_progress":
+      return /* @__PURE__ */ React.createElement(StatusRunning, null);
+    case "completed":
+      switch (conclusion?.toLocaleLowerCase("en-US")) {
+        case "skipped":
+        case "cancelled":
+          return /* @__PURE__ */ React.createElement(StatusAborted, null);
+        case "timed_out":
+          return /* @__PURE__ */ React.createElement(StatusWarning, null);
+        case "failure":
+          return /* @__PURE__ */ React.createElement(StatusError, null);
+        default:
+          return /* @__PURE__ */ React.createElement(StatusOK, null);
+      }
+    default:
+      return /* @__PURE__ */ React.createElement(StatusPending, null);
+  }
+}
+function getStatusDescription({
+  status,
+  conclusion
+}) {
+  if (status === void 0) return "";
+  switch (status.toLocaleLowerCase("en-US")) {
+    case "queued":
+      return "Queued";
+    case "in_progress":
+      return "In progress";
+    case "completed":
+      switch (conclusion?.toLocaleLowerCase("en-US")) {
+        case "skipped":
+        case "cancelled":
+          return "Aborted";
+        case "timed_out":
+          return "Timed out";
+        case "failure":
+          return "Error";
+        default:
+          return "Completed";
+      }
+    default:
+      return "Pending";
+  }
+}
+
+export { WorkflowIcon, WorkflowRunStatus, getStatusDescription };
+//# sourceMappingURL=WorkflowRunStatus.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunStatus.esm.js","sources":["../../../src/components/WorkflowRunStatus/WorkflowRunStatus.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  StatusPending,\n  StatusRunning,\n  StatusOK,\n  StatusWarning,\n  StatusAborted,\n  StatusError,\n} from '@backstage/core-components';\n\nexport const WorkflowRunStatus = (props: {\n  status?: string;\n  conclusion?: string;\n}) => {\n  return (\n    <>\n      <WorkflowIcon {...props} />\n      {getStatusDescription(props)}\n    </>\n  );\n};\n\nexport function WorkflowIcon({\n  status,\n  conclusion,\n}: {\n  status?: string;\n  conclusion?: string;\n}) {\n  if (status === undefined) return null;\n  switch (status.toLocaleLowerCase('en-US')) {\n    case 'queued':\n      return <StatusPending />;\n\n    case 'in_progress':\n      return <StatusRunning />;\n    case 'completed':\n      switch (conclusion?.toLocaleLowerCase('en-US')) {\n        case 'skipped':\n        case 'cancelled':\n          return <StatusAborted />;\n\n        case 'timed_out':\n          return <StatusWarning />;\n        case 'failure':\n          return <StatusError />;\n        default:\n          return <StatusOK />;\n      }\n    default:\n      return <StatusPending />;\n  }\n}\n\nexport function getStatusDescription({\n  status,\n  conclusion,\n}: {\n  status?: string;\n  conclusion?: string;\n}) {\n  if (status === undefined) return '';\n  switch (status.toLocaleLowerCase('en-US')) {\n    case 'queued':\n      return 'Queued';\n    case 'in_progress':\n      return 'In progress';\n    case 'completed':\n      switch (conclusion?.toLocaleLowerCase('en-US')) {\n        case 'skipped':\n        case 'cancelled':\n          return 'Aborted';\n        case 'timed_out':\n          return 'Timed out';\n        case 'failure':\n          return 'Error';\n        default:\n          return 'Completed';\n      }\n    default:\n      return 'Pending';\n  }\n}\n"],"names":[],"mappings":";;;AA0Ba,MAAA,iBAAA,GAAoB,CAAC,KAG5B,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,YAAc,EAAA,EAAA,GAAG,OAAO,CACxB,EAAA,oBAAA,CAAqB,KAAK,CAC7B,CAAA,CAAA;AAEJ,EAAA;AAEO,SAAS,YAAa,CAAA;AAAA,EAC3B,MAAA;AAAA,EACA,UAAA;AACF,CAGG,EAAA;AACD,EAAI,IAAA,MAAA,KAAW,QAAkB,OAAA,IAAA,CAAA;AACjC,EAAQ,QAAA,MAAA,CAAO,iBAAkB,CAAA,OAAO,CAAG;AAAA,IACzC,KAAK,QAAA;AACH,MAAA,2CAAQ,aAAc,EAAA,IAAA,CAAA,CAAA;AAAA,IAExB,KAAK,aAAA;AACH,MAAA,2CAAQ,aAAc,EAAA,IAAA,CAAA,CAAA;AAAA,IACxB,KAAK,WAAA;AACH,MAAQ,QAAA,UAAA,EAAY,iBAAkB,CAAA,OAAO,CAAG;AAAA,QAC9C,KAAK,SAAA,CAAA;AAAA,QACL,KAAK,WAAA;AACH,UAAA,2CAAQ,aAAc,EAAA,IAAA,CAAA,CAAA;AAAA,QAExB,KAAK,WAAA;AACH,UAAA,2CAAQ,aAAc,EAAA,IAAA,CAAA,CAAA;AAAA,QACxB,KAAK,SAAA;AACH,UAAA,2CAAQ,WAAY,EAAA,IAAA,CAAA,CAAA;AAAA,QACtB;AACE,UAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,OACrB;AAAA,IACF;AACE,MAAA,2CAAQ,aAAc,EAAA,IAAA,CAAA,CAAA;AAAA,GAC1B;AACF,CAAA;AAEO,SAAS,oBAAqB,CAAA;AAAA,EACnC,MAAA;AAAA,EACA,UAAA;AACF,CAGG,EAAA;AACD,EAAI,IAAA,MAAA,KAAW,QAAkB,OAAA,EAAA,CAAA;AACjC,EAAQ,QAAA,MAAA,CAAO,iBAAkB,CAAA,OAAO,CAAG;AAAA,IACzC,KAAK,QAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,aAAA;AACH,MAAO,OAAA,aAAA,CAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAQ,QAAA,UAAA,EAAY,iBAAkB,CAAA,OAAO,CAAG;AAAA,QAC9C,KAAK,SAAA,CAAA;AAAA,QACL,KAAK,WAAA;AACH,UAAO,OAAA,SAAA,CAAA;AAAA,QACT,KAAK,WAAA;AACH,UAAO,OAAA,WAAA,CAAA;AAAA,QACT,KAAK,SAAA;AACH,UAAO,OAAA,OAAA,CAAA;AAAA,QACT;AACE,UAAO,OAAA,WAAA,CAAA;AAAA,OACX;AAAA,IACF;AACE,MAAO,OAAA,SAAA,CAAA;AAAA,GACX;AACF;;;;"}

package/dist/components/WorkflowRunsCard/WorkflowRunsCard.esm.js

@@ -0,0 +1,296 @@
+import React, { useState, useEffect } from 'react';
+import Typography from '@material-ui/core/Typography';
+import Box from '@material-ui/core/Box';
+import IconButton from '@material-ui/core/IconButton';
+import Tooltip from '@material-ui/core/Tooltip';
+import Button from '@material-ui/core/Button';
+import Chip from '@material-ui/core/Chip';
+import ButtonGroup from '@material-ui/core/ButtonGroup';
+import Grid from '@material-ui/core/Grid';
+import TablePagination from '@material-ui/core/TablePagination';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
+import TextField from '@material-ui/core/TextField';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+import { EmptyState, InfoCard, Link, MarkdownContent } from '@backstage/core-components';
+import GitHubIcon from '@material-ui/icons/GitHub';
+import RetryIcon from '@material-ui/icons/Replay';
+import SyncIcon from '@material-ui/icons/Sync';
+import ExternalLinkIcon from '@material-ui/icons/Launch';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { useWorkflowRuns } from '../useWorkflowRuns.esm.js';
+import { WorkflowRunStatus } from '../WorkflowRunStatus/WorkflowRunStatus.esm.js';
+import { buildRouteRef } from '../../routes.esm.js';
+import { getProjectNameFromEntity } from '../getProjectNameFromEntity.esm.js';
+import { getHostnameFromEntity } from '../getHostnameFromEntity.esm.js';
+import Alert from '@material-ui/lab/Alert';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    card: {
+      border: `1px solid ${theme.palette.divider}`,
+      boxShadow: theme.shadows[2],
+      borderRadius: "4px",
+      overflow: "visible",
+      position: "relative",
+      margin: theme.spacing(4, 1, 1),
+      flex: "1",
+      minWidth: "0px"
+    },
+    externalLinkIcon: {
+      fontSize: "inherit",
+      verticalAlign: "middle"
+    },
+    bottomline: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginTop: "-5px"
+    },
+    pagination: {
+      width: "100%"
+    }
+  })
+);
+const statusColors = {
+  skipped: "warning",
+  canceled: "info",
+  timed_out: "error",
+  failure: "error",
+  success: "success"
+};
+const matchesSearchTerm = (run, searchTerm) => {
+  const lowerCaseSearchTerm = searchTerm.toLocaleLowerCase();
+  return run.workflowName?.toLocaleLowerCase().includes(lowerCaseSearchTerm) || run.source.branchName?.toLocaleLowerCase().includes(lowerCaseSearchTerm) || run.status?.toLocaleLowerCase().includes(lowerCaseSearchTerm) || run.id?.toLocaleLowerCase().includes(lowerCaseSearchTerm);
+};
+const WorkflowRunsCardView = ({
+  runs,
+  searchTerm,
+  loading,
+  onChangePageSize,
+  onChangePage,
+  page,
+  total,
+  pageSize
+}) => {
+  const classes = useStyles();
+  const routeLink = useRouteRef(buildRouteRef);
+  const filteredRuns = runs?.filter((run) => matchesSearchTerm(run, searchTerm));
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, filteredRuns && runs?.length !== 0 ? filteredRuns.map((run) => /* @__PURE__ */ React.createElement(Grid, { key: run.id, item: true, container: true, xs: 12, sm: 4, md: 4, xl: 4 }, /* @__PURE__ */ React.createElement(Box, { className: classes.card }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "column",
+      m: 3,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    /* @__PURE__ */ React.createElement(Box, { pt: 2, sx: { width: "100%" }, textAlign: "center" }, /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        title: run.status ?? "No Status",
+        placement: "top-start"
+      },
+      /* @__PURE__ */ React.createElement(
+        Alert,
+        {
+          variant: "outlined",
+          severity: statusColors[run.conclusion],
+          style: { alignItems: "center" }
+        },
+        /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, /* @__PURE__ */ React.createElement(Link, { to: routeLink({ id: run.id }) }, /* @__PURE__ */ React.createElement(Typography, { color: "primary", variant: "h6" }, run.workflowName)))
+      )
+    ), /* @__PURE__ */ React.createElement(Tooltip, { title: run.message ?? "No run message" }, /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "body2",
+        component: "span",
+        style: { fontSize: "smaller" }
+      },
+      /* @__PURE__ */ React.createElement(
+        MarkdownContent,
+        {
+          content: `Commit ID : ${run.source.commit.hash}`
+        }
+      )
+    )), run.source.branchName && /* @__PURE__ */ React.createElement(
+      MarkdownContent,
+      {
+        content: `Branch : ${run.source.branchName}`
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        key: run.id,
+        size: "small",
+        label: `Workflow ID : ${run.id}`
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        size: "small",
+        label: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(
+          WorkflowRunStatus,
+          {
+            status: run.status,
+            conclusion: run.conclusion
+          }
+        ))
+      }
+    ), /* @__PURE__ */ React.createElement("div", { className: classes.bottomline }, run.githubUrl && /* @__PURE__ */ React.createElement(Link, { to: run.githubUrl }, "Workflow runs on GitHub", " ", /* @__PURE__ */ React.createElement(
+      ExternalLinkIcon,
+      {
+        className: classes.externalLinkIcon
+      }
+    )), /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Rerun workflow" }, /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        onClick: run.onReRunClick,
+        style: { fontSize: "12px" }
+      },
+      /* @__PURE__ */ React.createElement(RetryIcon, null)
+    )))))
+  )))) : /* @__PURE__ */ React.createElement(Box, { p: 2 }, loading ? /* @__PURE__ */ React.createElement(CircularProgress, null) : "No matching runs found."), /* @__PURE__ */ React.createElement("div", { className: classes.pagination }, /* @__PURE__ */ React.createElement(
+    TablePagination,
+    {
+      component: "div",
+      count: total,
+      page,
+      rowsPerPage: pageSize,
+      onPageChange: (_, newPage) => onChangePage(newPage),
+      onRowsPerPageChange: (event) => onChangePageSize(parseInt(event.target.value, 6)),
+      labelRowsPerPage: "Workflows per page",
+      rowsPerPageOptions: [6, 12, 18, { label: "All", value: -1 }]
+    }
+  )));
+};
+const WorkflowRunsCardSearch = ({
+  searchTerm,
+  handleSearch,
+  retry
+}) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      type: "search",
+      label: "Search",
+      value: searchTerm,
+      onChange: handleSearch,
+      "data-testid": "search-control",
+      style: { marginRight: "20px" }
+    }
+  ), /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Reload workflow runs" }, /* @__PURE__ */ React.createElement(IconButton, { onClick: retry }, /* @__PURE__ */ React.createElement(SyncIcon, null)))));
+};
+const WorkflowRunsCard = ({ entity }) => {
+  const projectName = getProjectNameFromEntity(entity);
+  const hostname = getHostnameFromEntity(entity);
+  const [owner, repo] = (projectName ?? "/").split("/");
+  const [branch, setBranch] = useState("default");
+  const [runs, setRuns] = useState([]);
+  const [searchTerm, setSearchTerm] = useState("");
+  const handleSearch = (event) => {
+    setSearchTerm(event.target.value);
+  };
+  const [
+    { runs: runsData, branches, defaultBranch, ...cardProps },
+    { retry, setPage, setPageSize }
+  ] = useWorkflowRuns({
+    hostname,
+    owner,
+    repo,
+    branch: branch === "all" ? void 0 : branch
+  });
+  const githubHost = hostname || "github.com";
+  const hasNoRuns = !cardProps.loading && !runsData;
+  const handleMenuChange = (event) => {
+    const selectedValue = event.target.value;
+    setBranch(selectedValue);
+    setPage(0);
+    retry();
+  };
+  useEffect(() => {
+    setRuns(runsData);
+  }, [runsData, branch]);
+  useEffect(() => {
+    setBranch(defaultBranch);
+  }, [defaultBranch]);
+  return /* @__PURE__ */ React.createElement(Grid, { item: true }, hasNoRuns ? /* @__PURE__ */ React.createElement(
+    EmptyState,
+    {
+      missing: "data",
+      title: "No Workflow Data",
+      description: "This component has GitHub Actions enabled, but no data was found. Have you created any Workflows? Click the button below to create a new Workflow.",
+      action: /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "contained",
+          color: "primary",
+          href: `https://${githubHost}/${projectName}/actions/new`
+        },
+        "Create new Workflow"
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(GitHubIcon, null), /* @__PURE__ */ React.createElement(Box, { mr: 1 }), /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, projectName), /* @__PURE__ */ React.createElement(
+        Select,
+        {
+          value: branch,
+          key: branch,
+          label: "Branch",
+          onChange: handleMenuChange,
+          "data-testid": "menu-control",
+          style: {
+            marginLeft: "30px",
+            marginRight: "20px",
+            width: "230px"
+          }
+        },
+        branches.map((branchItem) => /* @__PURE__ */ React.createElement(MenuItem, { key: branchItem.name, value: branchItem.name }, branchItem.name === defaultBranch ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2", component: "span" }, branchItem.name, " ", /* @__PURE__ */ React.createElement(
+          Typography,
+          {
+            variant: "body2",
+            component: "span",
+            style: { color: "lightgray", fontSize: "x-small" }
+          },
+          "(default)"
+        )) : branchItem.name)),
+        /* @__PURE__ */ React.createElement(
+          MenuItem,
+          {
+            value: "all",
+            key: "all",
+            style: { color: "lightGrey", fontSize: "small" }
+          },
+          "select all branches"
+        )
+      ), /* @__PURE__ */ React.createElement(
+        WorkflowRunsCardSearch,
+        {
+          searchTerm,
+          handleSearch,
+          retry
+        }
+      ))
+    },
+    /* @__PURE__ */ React.createElement(
+      WorkflowRunsCardView,
+      {
+        runs,
+        loading: cardProps.loading,
+        onChangePageSize: setPageSize,
+        onChangePage: setPage,
+        page: cardProps.page,
+        total: cardProps.total,
+        pageSize: cardProps.pageSize,
+        searchTerm,
+        projectName
+      }
+    )
+  ));
+};
+
+export { WorkflowRunsCard, WorkflowRunsCardView, WorkflowRunsCard as default };
+//# sourceMappingURL=WorkflowRunsCard.esm.js.map