@backstage-community/plugin-azure-devops 0.4.4 → 0.4.7

package/dist/components/EntityPageAzurePipelines/EntityPageAzurePipelines.esm.js

@@ -0,0 +1,32 @@
+import { BuildTable } from '../BuildTable/BuildTable.esm.js';
+import React from 'react';
+import '../../api/AzureDevOpsApi.esm.js';
+import '@backstage/errors';
+import '@backstage/core-plugin-api';
+import 'react-use/esm/useAsync';
+import 'react-use/esm/useAsyncRetry';
+import 'react-use/esm/useInterval';
+import { azureDevOpsPipelineReadPermission } from '@backstage-community/plugin-azure-devops-common';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import 'luxon';
+import 'humanize-duration';
+import { useBuildRuns } from '../../hooks/useBuildRuns.esm.js';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+
+const EntityPageAzurePipelines = (props) => {
+  const { entity } = useEntity();
+  const { items, loading, error } = useBuildRuns(entity, props.defaultLimit);
+  return /* @__PURE__ */ React.createElement(
+    RequirePermission,
+    {
+      permission: azureDevOpsPipelineReadPermission,
+      resourceRef: stringifyEntityRef(entity),
+      errorPage: null
+    },
+    /* @__PURE__ */ React.createElement(BuildTable, { items, loading, error })
+  );
+};
+
+export { EntityPageAzurePipelines };
+//# sourceMappingURL=EntityPageAzurePipelines.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPageAzurePipelines.esm.js","sources":["../../../src/components/EntityPageAzurePipelines/EntityPageAzurePipelines.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 { BuildTable } from '../BuildTable/BuildTable';\nimport React from 'react';\nimport { useBuildRuns } from '../../hooks';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { azureDevOpsPipelineReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nexport const EntityPageAzurePipelines = (props: { defaultLimit?: number }) => {\n  const { entity } = useEntity();\n\n  const { items, loading, error } = useBuildRuns(entity, props.defaultLimit);\n\n  return (\n    <RequirePermission\n      permission={azureDevOpsPipelineReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <BuildTable items={items} loading={loading} error={error} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwBa,MAAA,wBAAA,GAA2B,CAAC,KAAqC,KAAA;AAC5E,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAM,MAAA,EAAE,OAAO,OAAS,EAAA,KAAA,KAAU,YAAa,CAAA,MAAA,EAAQ,MAAM,YAAY,CAAA,CAAA;AAEzE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,iCAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA,IAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAc,EAAA,OAAA,EAAkB,KAAc,EAAA,CAAA;AAAA,GAC5D,CAAA;AAEJ;;;;"}

package/dist/components/EntityPageAzurePipelines/index.esm.js

@@ -0,0 +1,2 @@
+export { EntityPageAzurePipelines } from './EntityPageAzurePipelines.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/EntityPageAzurePipelines/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/EntityPageAzurePullRequests/EntityPageAzurePullRequests.esm.js

@@ -0,0 +1,22 @@
+import { azureDevOpsPullRequestReadPermission } from '@backstage-community/plugin-azure-devops-common';
+import { PullRequestTable } from '../PullRequestTable/PullRequestTable.esm.js';
+import React from 'react';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+
+const EntityPageAzurePullRequests = (props) => {
+  const { entity } = useEntity();
+  return /* @__PURE__ */ React.createElement(
+    RequirePermission,
+    {
+      permission: azureDevOpsPullRequestReadPermission,
+      resourceRef: stringifyEntityRef(entity),
+      errorPage: null
+    },
+    /* @__PURE__ */ React.createElement(PullRequestTable, { defaultLimit: props.defaultLimit })
+  );
+};
+
+export { EntityPageAzurePullRequests };
+//# sourceMappingURL=EntityPageAzurePullRequests.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPageAzurePullRequests.esm.js","sources":["../../../src/components/EntityPageAzurePullRequests/EntityPageAzurePullRequests.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 { azureDevOpsPullRequestReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { PullRequestTable } from '../PullRequestTable/PullRequestTable';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nexport const EntityPageAzurePullRequests = (props: {\n  defaultLimit?: number;\n}) => {\n  const { entity } = useEntity();\n  return (\n    <RequirePermission\n      permission={azureDevOpsPullRequestReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <PullRequestTable defaultLimit={props.defaultLimit} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAuBa,MAAA,2BAAA,GAA8B,CAAC,KAEtC,KAAA;AACJ,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,oCAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA,IAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,YAAc,EAAA,KAAA,CAAM,YAAc,EAAA,CAAA;AAAA,GACtD,CAAA;AAEJ;;;;"}

package/dist/components/EntityPageAzurePullRequests/index.esm.js

@@ -0,0 +1,2 @@
+export { EntityPageAzurePullRequests } from './EntityPageAzurePullRequests.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/EntityPageAzurePullRequests/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/GitTagTable/GitTagTable.esm.js

@@ -0,0 +1,53 @@
+import Box from '@material-ui/core/Box';
+import { ResponseErrorPanel, Table, Link } from '@backstage/core-components';
+import React from 'react';
+import { AzureGitTagsIcon } from '../AzureGitTagsIcon/AzureGitTagsIcon.esm.js';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useGitTags } from '../../hooks/useGitTags.esm.js';
+
+const columns = [
+  {
+    title: "Tag",
+    field: "name",
+    highlight: false,
+    defaultSort: "desc",
+    width: "auto",
+    render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Link, { to: row.link ?? "" }, row.name))
+  },
+  {
+    title: "Commit",
+    field: "peeledObjectId",
+    width: "auto",
+    render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Link, { to: row.commitLink ?? "" }, row.peeledObjectId))
+  },
+  {
+    title: "Created By",
+    field: "createdBy",
+    width: "auto"
+  }
+];
+const GitTagTable = () => {
+  const { entity } = useEntity();
+  const { items, loading, error } = useGitTags(entity);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      isLoading: loading,
+      columns,
+      options: {
+        search: true,
+        paging: true,
+        pageSize: 5,
+        showEmptyDataSourceMessage: !loading
+      },
+      title: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(AzureGitTagsIcon, { style: { fontSize: 30 } }), /* @__PURE__ */ React.createElement(Box, { mr: 1 }), "Azure Repos - Git Tags (", items ? items.length : 0, ")"),
+      data: items ?? []
+    }
+  );
+};
+
+export { GitTagTable };
+//# sourceMappingURL=GitTagTable.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitTagTable.esm.js","sources":["../../../src/components/GitTagTable/GitTagTable.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 Box from '@material-ui/core/Box';\nimport {\n  Link,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { GitTag } from '@backstage-community/plugin-azure-devops-common';\nimport React from 'react';\n\nimport { AzureGitTagsIcon } from '../AzureGitTagsIcon';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useGitTags } from '../../hooks/useGitTags';\n\nconst columns: TableColumn[] = [\n  {\n    title: 'Tag',\n    field: 'name',\n    highlight: false,\n    defaultSort: 'desc',\n    width: 'auto',\n    render: (row: Partial<GitTag>) => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Link to={row.link ?? ''}>{row.name}</Link>\n      </Box>\n    ),\n  },\n  {\n    title: 'Commit',\n    field: 'peeledObjectId',\n    width: 'auto',\n    render: (row: Partial<GitTag>) => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Link to={row.commitLink ?? ''}>{row.peeledObjectId}</Link>\n      </Box>\n    ),\n  },\n  {\n    title: 'Created By',\n    field: 'createdBy',\n    width: 'auto',\n  },\n];\n\nexport const GitTagTable = () => {\n  const { entity } = useEntity();\n\n  const { items, loading, error } = useGitTags(entity);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Table\n      isLoading={loading}\n      columns={columns}\n      options={{\n        search: true,\n        paging: true,\n        pageSize: 5,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={\n        <Box display=\"flex\" alignItems=\"center\">\n          <AzureGitTagsIcon style={{ fontSize: 30 }} />\n          <Box mr={1} />\n          Azure Repos - Git Tags ({items ? items.length : 0})\n        </Box>\n      }\n      data={items ?? []}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA8BA,MAAM,OAAyB,GAAA;AAAA,EAC7B;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA,KAAA;AAAA,IACX,WAAa,EAAA,MAAA;AAAA,IACb,KAAO,EAAA,MAAA;AAAA,IACP,QAAQ,CAAC,GAAA,qBACN,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,UAAA,EAAW,QAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,GAAA,CAAI,QAAQ,EAAK,EAAA,EAAA,GAAA,CAAI,IAAK,CACtC,CAAA;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,gBAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,QAAQ,CAAC,GAAA,qBACN,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,UAAA,EAAW,QAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,GAAA,CAAI,cAAc,EAAK,EAAA,EAAA,GAAA,CAAI,cAAe,CACtD,CAAA;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,YAAA;AAAA,IACP,KAAO,EAAA,WAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,GACT;AACF,CAAA,CAAA;AAEO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,WAAW,MAAM,CAAA,CAAA;AAEnD,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,OAAA;AAAA,MACX,OAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,MAAQ,EAAA,IAAA;AAAA,QACR,QAAU,EAAA,CAAA;AAAA,QACV,4BAA4B,CAAC,OAAA;AAAA,OAC/B;AAAA,MACA,KAAA,kBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,CAAE,EAAA,0BAAA,EACW,KAAQ,GAAA,KAAA,CAAM,MAAS,GAAA,CAAA,EAAE,GACpD,CAAA;AAAA,MAEF,IAAA,EAAM,SAAS,EAAC;AAAA,KAAA;AAAA,GAClB,CAAA;AAEJ;;;;"}

package/dist/components/PullRequestStatusButtonGroup/PullRequestStatusButtonGroup.esm.js

@@ -0,0 +1,41 @@
+import Button from '@material-ui/core/Button';
+import ButtonGroup from '@material-ui/core/ButtonGroup';
+import { PullRequestStatus } from '@backstage-community/plugin-azure-devops-common';
+import React from 'react';
+
+const PullRequestStatusButtonGroup = ({
+  status,
+  setStatus
+}) => {
+  return /* @__PURE__ */ React.createElement(ButtonGroup, { "aria-label": "outlined button group" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      color: status === PullRequestStatus.Active ? "primary" : "default",
+      onClick: () => {
+        setStatus(PullRequestStatus.Active);
+      }
+    },
+    "Active"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      color: status === PullRequestStatus.Completed ? "primary" : "default",
+      onClick: () => {
+        setStatus(PullRequestStatus.Completed);
+      }
+    },
+    "Completed"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      color: status === PullRequestStatus.Abandoned ? "primary" : "default",
+      onClick: () => {
+        setStatus(PullRequestStatus.Abandoned);
+      }
+    },
+    "Abandoned"
+  ));
+};
+
+export { PullRequestStatusButtonGroup };
+//# sourceMappingURL=PullRequestStatusButtonGroup.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestStatusButtonGroup.esm.js","sources":["../../../src/components/PullRequestStatusButtonGroup/PullRequestStatusButtonGroup.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Button from '@material-ui/core/Button';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\n\nimport { PullRequestStatus } from '@backstage-community/plugin-azure-devops-common';\nimport React from 'react';\n\nexport const PullRequestStatusButtonGroup = ({\n  status,\n  setStatus,\n}: {\n  status: PullRequestStatus;\n  setStatus: (pullRequestStatus: PullRequestStatus) => void;\n}) => {\n  return (\n    <ButtonGroup aria-label=\"outlined button group\">\n      <Button\n        color={status === PullRequestStatus.Active ? 'primary' : 'default'}\n        onClick={() => {\n          setStatus(PullRequestStatus.Active);\n        }}\n      >\n        Active\n      </Button>\n      <Button\n        color={status === PullRequestStatus.Completed ? 'primary' : 'default'}\n        onClick={() => {\n          setStatus(PullRequestStatus.Completed);\n        }}\n      >\n        Completed\n      </Button>\n      <Button\n        color={status === PullRequestStatus.Abandoned ? 'primary' : 'default'}\n        onClick={() => {\n          setStatus(PullRequestStatus.Abandoned);\n        }}\n      >\n        Abandoned\n      </Button>\n    </ButtonGroup>\n  );\n};\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,MAAA;AAAA,EACA,SAAA;AACF,CAGM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,YAAA,EAAW,uBACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,MAAA,KAAW,iBAAkB,CAAA,MAAA,GAAS,SAAY,GAAA,SAAA;AAAA,MACzD,SAAS,MAAM;AACb,QAAA,SAAA,CAAU,kBAAkB,MAAM,CAAA,CAAA;AAAA,OACpC;AAAA,KAAA;AAAA,IACD,QAAA;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,MAAA,KAAW,iBAAkB,CAAA,SAAA,GAAY,SAAY,GAAA,SAAA;AAAA,MAC5D,SAAS,MAAM;AACb,QAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA,CAAA;AAAA,OACvC;AAAA,KAAA;AAAA,IACD,WAAA;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,MAAA,KAAW,iBAAkB,CAAA,SAAA,GAAY,SAAY,GAAA,SAAA;AAAA,MAC5D,SAAS,MAAM;AACb,QAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA,CAAA;AAAA,OACvC;AAAA,KAAA;AAAA,IACD,WAAA;AAAA,GAGH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/PullRequestTable/PullRequestTable.esm.js

@@ -0,0 +1,90 @@
+import Box from '@material-ui/core/Box';
+import Chip from '@material-ui/core/Chip';
+import { ResponseErrorPanel, Table, Link } from '@backstage/core-components';
+import { PullRequestStatus } from '@backstage-community/plugin-azure-devops-common';
+import React, { useState } from 'react';
+import { AzurePullRequestsIcon } from '../AzurePullRequestsIcon/AzurePullRequestsIcon.esm.js';
+import { DateTime } from 'luxon';
+import { PullRequestStatusButtonGroup } from '../PullRequestStatusButtonGroup/PullRequestStatusButtonGroup.esm.js';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { usePullRequests } from '../../hooks/usePullRequests.esm.js';
+
+const columns = [
+  {
+    title: "ID",
+    field: "pullRequestId",
+    highlight: false,
+    width: "auto"
+  },
+  {
+    title: "Title",
+    field: "title",
+    width: "auto",
+    render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Link, { to: row.link ?? "" }, row.title), row.isDraft && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1 }, /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        label: "Draft",
+        variant: "outlined",
+        color: "secondary",
+        size: "small"
+      }
+    )))
+  },
+  {
+    title: "Source",
+    field: "sourceRefName",
+    width: "auto"
+  },
+  {
+    title: "Target",
+    field: "targetRefName",
+    width: "auto"
+  },
+  {
+    title: "Created By",
+    field: "createdBy",
+    width: "auto"
+  },
+  {
+    title: "Created",
+    field: "creationDate",
+    width: "auto",
+    render: (row) => (row.creationDate ? DateTime.fromISO(row.creationDate) : DateTime.now()).toRelative()
+  }
+];
+const PullRequestTable = ({ defaultLimit }) => {
+  const [pullRequestStatusState, setPullRequestStatusState] = useState(PullRequestStatus.Active);
+  const { entity } = useEntity();
+  const { items, loading, error } = usePullRequests(
+    entity,
+    defaultLimit,
+    pullRequestStatusState
+  );
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      isLoading: loading,
+      columns,
+      options: {
+        search: true,
+        paging: true,
+        pageSize: 5,
+        showEmptyDataSourceMessage: !loading
+      },
+      title: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(AzurePullRequestsIcon, { style: { fontSize: 30 } }), /* @__PURE__ */ React.createElement(Box, { mr: 1 }), "Azure Repos - Pull Requests (", items ? items.length : 0, ")", /* @__PURE__ */ React.createElement(Box, { position: "absolute", right: 320, top: 20 }, /* @__PURE__ */ React.createElement(
+        PullRequestStatusButtonGroup,
+        {
+          status: pullRequestStatusState,
+          setStatus: setPullRequestStatusState
+        }
+      ))),
+      data: items ?? []
+    }
+  );
+};
+
+export { PullRequestTable };
+//# sourceMappingURL=PullRequestTable.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestTable.esm.js","sources":["../../../src/components/PullRequestTable/PullRequestTable.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 Box from '@material-ui/core/Box';\nimport Chip from '@material-ui/core/Chip';\nimport {\n  Link,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport {\n  PullRequest,\n  PullRequestStatus,\n} from '@backstage-community/plugin-azure-devops-common';\nimport React, { useState } from 'react';\n\nimport { AzurePullRequestsIcon } from '../AzurePullRequestsIcon';\nimport { DateTime } from 'luxon';\nimport { PullRequestStatusButtonGroup } from '../PullRequestStatusButtonGroup';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { usePullRequests } from '../../hooks/usePullRequests';\n\nconst columns: TableColumn[] = [\n  {\n    title: 'ID',\n    field: 'pullRequestId',\n    highlight: false,\n    width: 'auto',\n  },\n  {\n    title: 'Title',\n    field: 'title',\n    width: 'auto',\n    render: (row: Partial<PullRequest>) => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Link to={row.link ?? ''}>{row.title}</Link>\n        {row.isDraft && (\n          <Box paddingLeft={1}>\n            <Chip\n              label=\"Draft\"\n              variant=\"outlined\"\n              color=\"secondary\"\n              size=\"small\"\n            />\n          </Box>\n        )}\n      </Box>\n    ),\n  },\n  {\n    title: 'Source',\n    field: 'sourceRefName',\n    width: 'auto',\n  },\n  {\n    title: 'Target',\n    field: 'targetRefName',\n    width: 'auto',\n  },\n  {\n    title: 'Created By',\n    field: 'createdBy',\n    width: 'auto',\n  },\n  {\n    title: 'Created',\n    field: 'creationDate',\n    width: 'auto',\n    render: (row: Partial<PullRequest>) =>\n      (row.creationDate\n        ? DateTime.fromISO(row.creationDate)\n        : DateTime.now()\n      ).toRelative(),\n  },\n];\n\ntype PullRequestTableProps = {\n  defaultLimit?: number;\n};\n\nexport const PullRequestTable = ({ defaultLimit }: PullRequestTableProps) => {\n  const [pullRequestStatusState, setPullRequestStatusState] =\n    useState<PullRequestStatus>(PullRequestStatus.Active);\n  const { entity } = useEntity();\n\n  const { items, loading, error } = usePullRequests(\n    entity,\n    defaultLimit,\n    pullRequestStatusState,\n  );\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Table\n      isLoading={loading}\n      columns={columns}\n      options={{\n        search: true,\n        paging: true,\n        pageSize: 5,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={\n        <Box display=\"flex\" alignItems=\"center\">\n          <AzurePullRequestsIcon style={{ fontSize: 30 }} />\n          <Box mr={1} />\n          Azure Repos - Pull Requests ({items ? items.length : 0})\n          <Box position=\"absolute\" right={320} top={20}>\n            <PullRequestStatusButtonGroup\n              status={pullRequestStatusState}\n              setStatus={setPullRequestStatusState}\n            />\n          </Box>\n        </Box>\n      }\n      data={items ?? []}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PullRequestsPage/PullRequestsPage.esm.js

@@ -0,0 +1,79 @@
+import { Page, Header, Content, Progress, ResponseErrorPanel } from '@backstage/core-components';
+import React, { useState } from 'react';
+import { getPullRequestGroupConfigs, getPullRequestGroups } from './lib/utils.esm.js';
+import { FilterType } from './lib/filters/types.esm.js';
+import 'luxon';
+import 'humanize-duration';
+import { azureDevOpsPullRequestDashboardReadPermission } from '@backstage-community/plugin-azure-devops-common';
+import { PullRequestGrid } from './lib/PullRequestGrid/PullRequestGrid.esm.js';
+import '../../api/AzureDevOpsApi.esm.js';
+import '@backstage/errors';
+import '@backstage/core-plugin-api';
+import 'react-use/esm/useAsync';
+import { useDashboardPullRequests } from '../../hooks/useDashboardPullRequests.esm.js';
+import '@backstage/catalog-model';
+import { useFilterProcessor } from './lib/hooks/useFilterProcessor.esm.js';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+
+const PullRequestsPageContent = ({
+  pullRequestGroups,
+  loading,
+  error
+}) => {
+  if (loading && (!pullRequestGroups || pullRequestGroups.length <= 0)) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  return /* @__PURE__ */ React.createElement(PullRequestGrid, { pullRequestGroups: pullRequestGroups ?? [] });
+};
+const DEFAULT_COLUMN_CONFIGS = [
+  {
+    title: "Created by me",
+    filters: [{ type: FilterType.CreatedByCurrentUser }],
+    simplified: false
+  },
+  {
+    title: "Other PRs",
+    filters: [{ type: FilterType.All }],
+    simplified: true
+  }
+];
+const PullRequestsPage = (props) => {
+  const { projectName, pollingInterval, defaultColumnConfigs, teamsLimit } = props;
+  const { pullRequests, loading, error } = useDashboardPullRequests(
+    projectName,
+    pollingInterval,
+    teamsLimit
+  );
+  const [columnConfigs] = useState(
+    defaultColumnConfigs ?? DEFAULT_COLUMN_CONFIGS
+  );
+  const filterProcessor = useFilterProcessor();
+  const pullRequestGroupConfigs = getPullRequestGroupConfigs(
+    columnConfigs,
+    filterProcessor
+  );
+  const pullRequestGroups = getPullRequestGroups(
+    pullRequests,
+    pullRequestGroupConfigs
+  );
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "Azure Pull Requests" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(
+    RequirePermission,
+    {
+      permission: azureDevOpsPullRequestDashboardReadPermission
+    },
+    /* @__PURE__ */ React.createElement(
+      PullRequestsPageContent,
+      {
+        pullRequestGroups,
+        loading,
+        error
+      }
+    )
+  )));
+};
+
+export { PullRequestsPage };
+//# sourceMappingURL=PullRequestsPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestsPage.esm.js","sources":["../../../src/components/PullRequestsPage/PullRequestsPage.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 {\n  Content,\n  Header,\n  Page,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { PullRequestColumnConfig, PullRequestGroup } from './lib/types';\nimport React, { useState } from 'react';\nimport { getPullRequestGroupConfigs, getPullRequestGroups } from './lib/utils';\nimport { FilterType } from './lib/filters';\nimport { PullRequestGrid } from './lib/PullRequestGrid';\nimport { useDashboardPullRequests } from '../../hooks';\nimport { useFilterProcessor } from './lib/hooks';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { azureDevOpsPullRequestDashboardReadPermission } from '@backstage-community/plugin-azure-devops-common';\n\ntype PullRequestsPageContentProps = {\n  pullRequestGroups: PullRequestGroup[] | undefined;\n  loading: boolean;\n  error?: Error;\n};\n\nconst PullRequestsPageContent = ({\n  pullRequestGroups,\n  loading,\n  error,\n}: PullRequestsPageContentProps) => {\n  if (loading && (!pullRequestGroups || pullRequestGroups.length <= 0)) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return <PullRequestGrid pullRequestGroups={pullRequestGroups ?? []} />;\n};\n\nconst DEFAULT_COLUMN_CONFIGS: PullRequestColumnConfig[] = [\n  {\n    title: 'Created by me',\n    filters: [{ type: FilterType.CreatedByCurrentUser }],\n    simplified: false,\n  },\n  {\n    title: 'Other PRs',\n    filters: [{ type: FilterType.All }],\n    simplified: true,\n  },\n];\n\ntype PullRequestsPageProps = {\n  projectName?: string;\n  pollingInterval?: number;\n  defaultColumnConfigs?: PullRequestColumnConfig[];\n  teamsLimit?: number;\n};\n\nexport const PullRequestsPage = (props: PullRequestsPageProps) => {\n  const { projectName, pollingInterval, defaultColumnConfigs, teamsLimit } =\n    props;\n\n  const { pullRequests, loading, error } = useDashboardPullRequests(\n    projectName,\n    pollingInterval,\n    teamsLimit,\n  );\n\n  const [columnConfigs] = useState(\n    defaultColumnConfigs ?? DEFAULT_COLUMN_CONFIGS,\n  );\n\n  const filterProcessor = useFilterProcessor();\n\n  const pullRequestGroupConfigs = getPullRequestGroupConfigs(\n    columnConfigs,\n    filterProcessor,\n  );\n\n  const pullRequestGroups = getPullRequestGroups(\n    pullRequests,\n    pullRequestGroupConfigs,\n  );\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Azure Pull Requests\" />\n      <Content>\n        <RequirePermission\n          permission={azureDevOpsPullRequestDashboardReadPermission}\n        >\n          <PullRequestsPageContent\n            pullRequestGroups={pullRequestGroups}\n            loading={loading}\n            error={error}\n          />\n        </RequirePermission>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuCA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,iBAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AACF,CAAoC,KAAA;AAClC,EAAA,IAAI,OAAY,KAAA,CAAC,iBAAqB,IAAA,iBAAA,CAAkB,UAAU,CAAI,CAAA,EAAA;AACpE,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,iBAAmB,EAAA,iBAAA,IAAqB,EAAI,EAAA,CAAA,CAAA;AACtE,CAAA,CAAA;AAEA,MAAM,sBAAoD,GAAA;AAAA,EACxD;AAAA,IACE,KAAO,EAAA,eAAA;AAAA,IACP,SAAS,CAAC,EAAE,IAAM,EAAA,UAAA,CAAW,sBAAsB,CAAA;AAAA,IACnD,UAAY,EAAA,KAAA;AAAA,GACd;AAAA,EACA;AAAA,IACE,KAAO,EAAA,WAAA;AAAA,IACP,SAAS,CAAC,EAAE,IAAM,EAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClC,UAAY,EAAA,IAAA;AAAA,GACd;AACF,CAAA,CAAA;AASa,MAAA,gBAAA,GAAmB,CAAC,KAAiC,KAAA;AAChE,EAAA,MAAM,EAAE,WAAA,EAAa,eAAiB,EAAA,oBAAA,EAAsB,YAC1D,GAAA,KAAA,CAAA;AAEF,EAAA,MAAM,EAAE,YAAA,EAAc,OAAS,EAAA,KAAA,EAAU,GAAA,wBAAA;AAAA,IACvC,WAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,CAAC,aAAa,CAAI,GAAA,QAAA;AAAA,IACtB,oBAAwB,IAAA,sBAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,MAAM,kBAAkB,kBAAmB,EAAA,CAAA;AAE3C,EAAA,MAAM,uBAA0B,GAAA,0BAAA;AAAA,IAC9B,aAAA;AAAA,IACA,eAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,oBAAA;AAAA,IACxB,YAAA;AAAA,IACA,uBAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,qBAAA,EAAsB,CACpC,kBAAA,KAAA,CAAA,aAAA,CAAC,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,6CAAA;AAAA,KAAA;AAAA,oBAEZ,KAAA,CAAA,aAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,iBAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,OAAA;AAAA,KACF;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/PullRequestsPage/index.esm.js

@@ -0,0 +1,6 @@
+export { PullRequestsPage } from './PullRequestsPage.esm.js';
+export { FilterType } from './lib/filters/types.esm.js';
+import 'luxon';
+import 'humanize-duration';
+import '@backstage-community/plugin-azure-devops-common';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/PullRequestsPage/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/PullRequestsPage/lib/AutoCompleteIcon/AutoCompleteIcon.esm.js

@@ -0,0 +1,16 @@
+import DoneAllIcon from '@material-ui/icons/DoneAll';
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles((theme) => ({
+  root: (props) => ({
+    color: props.hasAutoComplete ? theme.palette.success.main : theme.palette.grey[400]
+  })
+}));
+const AutoCompleteIcon = (props) => {
+  const classes = useStyles(props);
+  return /* @__PURE__ */ React.createElement(DoneAllIcon, { className: classes.root });
+};
+
+export { AutoCompleteIcon };
+//# sourceMappingURL=AutoCompleteIcon.esm.js.map

package/dist/components/PullRequestsPage/lib/AutoCompleteIcon/AutoCompleteIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteIcon.esm.js","sources":["../../../../../src/components/PullRequestsPage/lib/AutoCompleteIcon/AutoCompleteIcon.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 DoneAllIcon from '@material-ui/icons/DoneAll';\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  root: (props: { hasAutoComplete: boolean }) => ({\n    color: props.hasAutoComplete\n      ? theme.palette.success.main\n      : theme.palette.grey[400],\n  }),\n}));\n\nexport const AutoCompleteIcon = (props: { hasAutoComplete: boolean }) => {\n  const classes = useStyles(props);\n  return <DoneAllIcon className={classes.root} />;\n};\n"],"names":[],"mappings":";;;;AAoBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAA,EAAM,CAAC,KAAyC,MAAA;AAAA,IAC9C,KAAA,EAAO,KAAM,CAAA,eAAA,GACT,KAAM,CAAA,OAAA,CAAQ,QAAQ,IACtB,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,GAC5B,CAAA;AACF,CAAE,CAAA,CAAA,CAAA;AAEW,MAAA,gBAAA,GAAmB,CAAC,KAAwC,KAAA;AACvE,EAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA,CAAA;AAC/B,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,IAAM,EAAA,CAAA,CAAA;AAC/C;;;;"}

package/dist/components/PullRequestsPage/lib/PullRequestCard/PullRequestCard.esm.js

@@ -0,0 +1,85 @@
+import { Link, Avatar } from '@backstage/core-components';
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import CardHeader from '@material-ui/core/CardHeader';
+import Typography from '@material-ui/core/Typography';
+import { AutoCompleteIcon } from '../AutoCompleteIcon/AutoCompleteIcon.esm.js';
+import { DateTime } from 'luxon';
+import { PullRequestCardPolicies } from './PullRequestCardPolicies.esm.js';
+import { PullRequestCardReviewers } from './PullRequestCardReviewers.esm.js';
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles(
+  (theme) => ({
+    card: {
+      backgroundColor: theme.palette.type === "dark" ? theme.palette.grey[700] : theme.palette.common.white
+    },
+    cardHeaderSimplified: {
+      paddingBottom: theme.spacing(2)
+    },
+    cardHeaderAction: {
+      display: "flex",
+      alignSelf: "center",
+      margin: 0
+    },
+    content: {
+      display: "flex",
+      flexDirection: "row"
+    },
+    policies: {
+      flex: 1
+    },
+    avatar: { width: "2.5rem", height: "2.5rem" },
+    avatarText: { fontSize: "1rem" }
+  }),
+  { name: "PullRequestCard" }
+);
+const PullRequestCard = ({
+  pullRequest,
+  simplified
+}) => {
+  const classes = useStyles();
+  const title = /* @__PURE__ */ React.createElement(Link, { to: pullRequest.link ?? "", title: pullRequest.description }, pullRequest.title);
+  const repoLink = /* @__PURE__ */ React.createElement(Link, { to: pullRequest.repository?.url ?? "", color: "inherit" }, pullRequest.repository?.name);
+  const creationDate = pullRequest.creationDate ? DateTime.fromISO(pullRequest.creationDate).toRelative() : void 0;
+  const subheader = /* @__PURE__ */ React.createElement(Typography, { component: "span" }, repoLink, " \xB7 ", creationDate);
+  const avatar = /* @__PURE__ */ React.createElement(
+    Avatar,
+    {
+      displayName: pullRequest.createdBy?.displayName,
+      picture: pullRequest.createdBy?.imageUrl,
+      classes: { avatar: classes.avatar, avatarText: classes.avatarText }
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      classes: { root: classes.card },
+      "data-pull-request-id": pullRequest.pullRequestId
+    },
+    /* @__PURE__ */ React.createElement(
+      CardHeader,
+      {
+        avatar,
+        title,
+        subheader,
+        action: /* @__PURE__ */ React.createElement(AutoCompleteIcon, { hasAutoComplete: pullRequest.hasAutoComplete }),
+        classes: {
+          ...simplified && { root: classes.cardHeaderSimplified },
+          action: classes.cardHeaderAction
+        }
+      }
+    ),
+    !simplified && /* @__PURE__ */ React.createElement(CardContent, { className: classes.content }, pullRequest.policies && /* @__PURE__ */ React.createElement(
+      PullRequestCardPolicies,
+      {
+        policies: pullRequest.policies,
+        className: classes.policies
+      }
+    ), pullRequest.reviewers && /* @__PURE__ */ React.createElement(PullRequestCardReviewers, { reviewers: pullRequest.reviewers }))
+  );
+};
+
+export { PullRequestCard };
+//# sourceMappingURL=PullRequestCard.esm.js.map

package/dist/components/PullRequestsPage/lib/PullRequestCard/PullRequestCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestCard.esm.js","sources":["../../../../../src/components/PullRequestsPage/lib/PullRequestCard/PullRequestCard.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 { Avatar, Link } from '@backstage/core-components';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Typography from '@material-ui/core/Typography';\n\nimport { AutoCompleteIcon } from '../AutoCompleteIcon';\nimport { DashboardPullRequest } from '@backstage-community/plugin-azure-devops-common';\nimport { DateTime } from 'luxon';\nimport { PullRequestCardPolicies } from './PullRequestCardPolicies';\nimport { PullRequestCardReviewers } from './PullRequestCardReviewers';\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(\n  theme => ({\n    card: {\n      backgroundColor:\n        theme.palette.type === 'dark'\n          ? theme.palette.grey[700]\n          : theme.palette.common.white,\n    },\n    cardHeaderSimplified: {\n      paddingBottom: theme.spacing(2),\n    },\n    cardHeaderAction: {\n      display: 'flex',\n      alignSelf: 'center',\n      margin: 0,\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'row',\n    },\n    policies: {\n      flex: 1,\n    },\n    avatar: { width: '2.5rem', height: '2.5rem' },\n    avatarText: { fontSize: '1rem' },\n  }),\n  { name: 'PullRequestCard' },\n);\n\ntype PullRequestCardProps = {\n  pullRequest: DashboardPullRequest;\n  simplified?: boolean;\n};\n\nexport const PullRequestCard = ({\n  pullRequest,\n  simplified,\n}: PullRequestCardProps) => {\n  const classes = useStyles();\n\n  const title = (\n    <Link to={pullRequest.link ?? ''} title={pullRequest.description}>\n      {pullRequest.title}\n    </Link>\n  );\n\n  const repoLink = (\n    <Link to={pullRequest.repository?.url ?? ''} color=\"inherit\">\n      {pullRequest.repository?.name}\n    </Link>\n  );\n\n  const creationDate = pullRequest.creationDate\n    ? DateTime.fromISO(pullRequest.creationDate).toRelative()\n    : undefined;\n\n  const subheader = (\n    <Typography component=\"span\">\n      {repoLink} · {creationDate}\n    </Typography>\n  );\n\n  const avatar = (\n    <Avatar\n      displayName={pullRequest.createdBy?.displayName}\n      picture={pullRequest.createdBy?.imageUrl}\n      classes={{ avatar: classes.avatar, avatarText: classes.avatarText }}\n    />\n  );\n\n  return (\n    <Card\n      classes={{ root: classes.card }}\n      data-pull-request-id={pullRequest.pullRequestId}\n    >\n      <CardHeader\n        avatar={avatar}\n        title={title}\n        subheader={subheader}\n        action={\n          <AutoCompleteIcon hasAutoComplete={pullRequest.hasAutoComplete} />\n        }\n        classes={{\n          ...(simplified && { root: classes.cardHeaderSimplified }),\n          action: classes.cardHeaderAction,\n        }}\n      />\n\n      {!simplified && (\n        <CardContent className={classes.content}>\n          {pullRequest.policies && (\n            <PullRequestCardPolicies\n              policies={pullRequest.policies}\n              className={classes.policies}\n            />\n          )}\n\n          {pullRequest.reviewers && (\n            <PullRequestCardReviewers reviewers={pullRequest.reviewers} />\n          )}\n        </CardContent>\n      )}\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardPolicies.esm.js

@@ -0,0 +1,10 @@
+import { PullRequestCardPolicy } from './PullRequestCardPolicy.esm.js';
+import React from 'react';
+
+const PullRequestCardPolicies = ({
+  policies,
+  className
+}) => /* @__PURE__ */ React.createElement("div", { className }, policies.map((policy) => /* @__PURE__ */ React.createElement(PullRequestCardPolicy, { key: policy.id, policy })));
+
+export { PullRequestCardPolicies };
+//# sourceMappingURL=PullRequestCardPolicies.esm.js.map

package/dist/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardPolicies.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestCardPolicies.esm.js","sources":["../../../../../src/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardPolicies.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 { Policy } from '@backstage-community/plugin-azure-devops-common';\nimport { PullRequestCardPolicy } from './PullRequestCardPolicy';\nimport React from 'react';\n\ntype PullRequestCardProps = {\n  policies: Policy[];\n  className: string;\n};\n\nexport const PullRequestCardPolicies = ({\n  policies,\n  className,\n}: PullRequestCardProps) => (\n  <div className={className}>\n    {policies.map(policy => (\n      <PullRequestCardPolicy key={policy.id} policy={policy} />\n    ))}\n  </div>\n);\n"],"names":[],"mappings":";;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,SAAA;AACF,CAAA,qBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SACF,EAAA,EAAA,QAAA,CAAS,GAAI,CAAA,CAAA,MAAA,qBACX,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,GAAK,EAAA,MAAA,CAAO,EAAI,EAAA,MAAA,EAAgB,CACxD,CACH;;;;"}

package/dist/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardPolicy.esm.js

@@ -0,0 +1,66 @@
+import { PolicyType, PolicyEvaluationStatus } from '@backstage-community/plugin-azure-devops-common';
+import { withStyles, styled } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import CancelIcon from '@material-ui/icons/Cancel';
+import GroupWorkIcon from '@material-ui/icons/GroupWork';
+import React from 'react';
+import WatchLaterIcon from '@material-ui/icons/WatchLater';
+
+const PolicyRequiredIcon = withStyles(
+  (theme) => ({
+    root: {
+      color: theme.palette.info.main
+    }
+  }),
+  { name: "PolicyRequiredIcon" }
+)(WatchLaterIcon);
+const PolicyIssueIcon = withStyles(
+  (theme) => ({
+    root: {
+      color: theme.palette.error.main
+    }
+  }),
+  { name: "PolicyIssueIcon" }
+)(CancelIcon);
+const PolicyInProgressIcon = withStyles(
+  (theme) => ({
+    root: {
+      color: theme.palette.info.main
+    }
+  }),
+  { name: "PolicyInProgressIcon" }
+)(GroupWorkIcon);
+function getPolicyIcon(policy) {
+  switch (policy.type) {
+    case PolicyType.Build:
+      switch (policy.status) {
+        case PolicyEvaluationStatus.Running:
+          return /* @__PURE__ */ React.createElement(PolicyInProgressIcon, null);
+        case PolicyEvaluationStatus.Rejected:
+          return /* @__PURE__ */ React.createElement(PolicyIssueIcon, null);
+        case PolicyEvaluationStatus.Queued:
+          return /* @__PURE__ */ React.createElement(PolicyRequiredIcon, null);
+        default:
+          return null;
+      }
+    case PolicyType.MinimumReviewers:
+    case PolicyType.RequiredReviewers:
+      return /* @__PURE__ */ React.createElement(PolicyRequiredIcon, null);
+    case PolicyType.Status:
+    case PolicyType.Comments:
+      return /* @__PURE__ */ React.createElement(PolicyIssueIcon, null);
+    default:
+      return null;
+  }
+}
+const PullRequestCardPolicyContainer = styled("div")({
+  display: "flex",
+  alignItems: "center",
+  flexWrap: "wrap"
+});
+const PullRequestCardPolicy = ({
+  policy
+}) => /* @__PURE__ */ React.createElement(PullRequestCardPolicyContainer, null, getPolicyIcon(policy), " ", /* @__PURE__ */ React.createElement(Typography, { component: "span" }, policy.text));
+
+export { PullRequestCardPolicy };
+//# sourceMappingURL=PullRequestCardPolicy.esm.js.map