@backstage-community/plugin-azure-devops 0.13.2 → 0.14.0

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

@@ -1,40 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 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);
+  return /* @__PURE__ */ jsxs(ButtonGroup, { "aria-label": "outlined button group", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: status === PullRequestStatus.Active ? "primary" : "default",
+        onClick: () => {
+          setStatus(PullRequestStatus.Active);
+        },
+        children: "Active"
       }
-    },
-    "Active"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      color: status === PullRequestStatus.Completed ? "primary" : "default",
-      onClick: () => {
-        setStatus(PullRequestStatus.Completed);
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: status === PullRequestStatus.Completed ? "primary" : "default",
+        onClick: () => {
+          setStatus(PullRequestStatus.Completed);
+        },
+        children: "Completed"
       }
-    },
-    "Completed"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      color: status === PullRequestStatus.Abandoned ? "primary" : "default",
-      onClick: () => {
-        setStatus(PullRequestStatus.Abandoned);
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: status === PullRequestStatus.Abandoned ? "primary" : "default",
+        onClick: () => {
+          setStatus(PullRequestStatus.Abandoned);
+        },
+        children: "Abandoned"
       }
-    },
-    "Abandoned"
-  ));
+    )
+  ] });
 };
 
 export { PullRequestStatusButtonGroup };

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

@@ -1 +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;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;AAAA;AACpC,KAAA;AAAA,IACD;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;AAAA;AACvC,KAAA;AAAA,IACD;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;AAAA;AACvC,KAAA;AAAA,IACD;AAAA,GAGH,CAAA;AAEJ;;;;"}
+{"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';\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":";;;;;AAqBO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,MAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EACE,uBAAA,IAAA,CAAC,WAAY,EAAA,EAAA,YAAA,EAAW,uBACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,KAAW,iBAAkB,CAAA,MAAA,GAAS,SAAY,GAAA,SAAA;AAAA,QACzD,SAAS,MAAM;AACb,UAAA,SAAA,CAAU,kBAAkB,MAAM,CAAA;AAAA,SACpC;AAAA,QACD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,KAAW,iBAAkB,CAAA,SAAA,GAAY,SAAY,GAAA,SAAA;AAAA,QAC5D,SAAS,MAAM;AACb,UAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA;AAAA,SACvC;AAAA,QACD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,KAAW,iBAAkB,CAAA,SAAA,GAAY,SAAY,GAAA,SAAA;AAAA,QAC5D,SAAS,MAAM;AACb,UAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA;AAAA,SACvC;AAAA,QACD,QAAA,EAAA;AAAA;AAAA;AAED,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,8 +1,9 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 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 { useState } from 'react';
 import { AzurePullRequestsIcon } from '../AzurePullRequestsIcon/AzurePullRequestsIcon.esm.js';
 import { DateTime } from 'luxon';
 import { PullRequestStatusButtonGroup } from '../PullRequestStatusButtonGroup/PullRequestStatusButtonGroup.esm.js';
@@ -20,15 +21,18 @@ const columns = [
     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"
-      }
-    )))
+    render: (row) => /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Link, { to: row.link ?? "", children: row.title }),
+      row.isDraft && /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: "Draft",
+          variant: "outlined",
+          color: "secondary",
+          size: "small"
+        }
+      ) })
+    ] })
   },
   {
     title: "Source",
@@ -61,9 +65,9 @@ const PullRequestTable = ({ defaultLimit }) => {
     pullRequestStatusState
   );
   if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Table,
     {
       isLoading: loading,
@@ -74,13 +78,20 @@ const PullRequestTable = ({ defaultLimit }) => {
         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
-        }
-      ))),
+      title: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(AzurePullRequestsIcon, { style: { fontSize: 30 } }),
+        /* @__PURE__ */ jsx(Box, { mr: 1 }),
+        "Azure Repos - Pull Requests (",
+        items ? items.length : 0,
+        ")",
+        /* @__PURE__ */ jsx(Box, { position: "absolute", right: 320, top: 20, children: /* @__PURE__ */ jsx(
+          PullRequestStatusButtonGroup,
+          {
+            status: pullRequestStatusState,
+            setStatus: setPullRequestStatusState
+          }
+        ) })
+      ] }),
       data: items ?? []
     }
   );

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

@@ -1 +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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"}
+{"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 { 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

@@ -1,5 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Page, Header, Content, Progress, ResponseErrorPanel } from '@backstage/core-components';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { getPullRequestGroupConfigs, getPullRequestGroups } from './lib/utils.esm.js';
 import { FilterType } from './lib/filters/types.esm.js';
 import 'luxon';
@@ -21,12 +22,12 @@ const PullRequestsPageContent = ({
   error
 }) => {
   if (loading && (!pullRequestGroups || pullRequestGroups.length <= 0)) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
-  return /* @__PURE__ */ React.createElement(PullRequestGrid, { pullRequestGroups: pullRequestGroups ?? [] });
+  return /* @__PURE__ */ jsx(PullRequestGrid, { pullRequestGroups: pullRequestGroups ?? [] });
 };
 const DEFAULT_COLUMN_CONFIGS = [
   {
@@ -59,20 +60,23 @@ const PullRequestsPage = (props) => {
     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,
+  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsx(Header, { title: "Azure Pull Requests" }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+      RequirePermission,
       {
-        pullRequestGroups,
-        loading,
-        error
+        permission: azureDevOpsPullRequestDashboardReadPermission,
+        children: /* @__PURE__ */ jsx(
+          PullRequestsPageContent,
+          {
+            pullRequestGroups,
+            loading,
+            error
+          }
+        )
       }
-    )
-  )));
+    ) })
+  ] });
 };
 
 export { PullRequestsPage };

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

@@ -1 +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;AACF,CAAoC,KAAA;AAClC,EAAA,IAAI,OAAY,KAAA,CAAC,iBAAqB,IAAA,iBAAA,CAAkB,UAAU,CAAI,CAAA,EAAA;AACpE,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA;AAGnB,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,iBAAmB,EAAA,iBAAA,IAAqB,EAAI,EAAA,CAAA;AACtE,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;AAAA,GACd;AAAA,EACA;AAAA,IACE,KAAO,EAAA,WAAA;AAAA,IACP,SAAS,CAAC,EAAE,IAAM,EAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClC,UAAY,EAAA;AAAA;AAEhB,CAAA;AASa,MAAA,gBAAA,GAAmB,CAAC,KAAiC,KAAA;AAChE,EAAA,MAAM,EAAE,WAAA,EAAa,eAAiB,EAAA,oBAAA,EAAsB,YAC1D,GAAA,KAAA;AAEF,EAAA,MAAM,EAAE,YAAA,EAAc,OAAS,EAAA,KAAA,EAAU,GAAA,wBAAA;AAAA,IACvC,WAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,CAAC,aAAa,CAAI,GAAA,QAAA;AAAA,IACtB,oBAAwB,IAAA;AAAA,GAC1B;AAEA,EAAA,MAAM,kBAAkB,kBAAmB,EAAA;AAE3C,EAAA,MAAM,uBAA0B,GAAA,0BAAA;AAAA,IAC9B,aAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,iBAAoB,GAAA,oBAAA;AAAA,IACxB,YAAA;AAAA,IACA;AAAA,GACF;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;AAAA,KAAA;AAAA,oBAEZ,KAAA,CAAA,aAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,iBAAA;AAAA,QACA,OAAA;AAAA,QACA;AAAA;AAAA;AACF,GAEJ,CACF,CAAA;AAEJ;;;;"}
+{"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 { 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;AACF,CAAoC,KAAA;AAClC,EAAA,IAAI,OAAY,KAAA,CAAC,iBAAqB,IAAA,iBAAA,CAAkB,UAAU,CAAI,CAAA,EAAA;AACpE,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,GAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA,EAAgB,iBAAmB,EAAA,iBAAA,IAAqB,EAAI,EAAA,CAAA;AACtE,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;AAAA,GACd;AAAA,EACA;AAAA,IACE,KAAO,EAAA,WAAA;AAAA,IACP,SAAS,CAAC,EAAE,IAAM,EAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClC,UAAY,EAAA;AAAA;AAEhB,CAAA;AASa,MAAA,gBAAA,GAAmB,CAAC,KAAiC,KAAA;AAChE,EAAA,MAAM,EAAE,WAAA,EAAa,eAAiB,EAAA,oBAAA,EAAsB,YAC1D,GAAA,KAAA;AAEF,EAAA,MAAM,EAAE,YAAA,EAAc,OAAS,EAAA,KAAA,EAAU,GAAA,wBAAA;AAAA,IACvC,WAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,CAAC,aAAa,CAAI,GAAA,QAAA;AAAA,IACtB,oBAAwB,IAAA;AAAA,GAC1B;AAEA,EAAA,MAAM,kBAAkB,kBAAmB,EAAA;AAE3C,EAAA,MAAM,uBAA0B,GAAA,0BAAA;AAAA,IAC9B,aAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,iBAAoB,GAAA,oBAAA;AAAA,IACxB,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,OAAM,qBAAsB,EAAA,CAAA;AAAA,wBACnC,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,UAAY,EAAA,6CAAA;AAAA,QAEZ,QAAA,kBAAA,GAAA;AAAA,UAAC,uBAAA;AAAA,UAAA;AAAA,YACC,iBAAA;AAAA,YACA,OAAA;AAAA,YACA;AAAA;AAAA;AACF;AAAA,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,5 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
 import DoneAllIcon from '@material-ui/icons/DoneAll';
-import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles((theme) => ({
@@ -9,7 +9,7 @@ const useStyles = makeStyles((theme) => ({
 }));
 const AutoCompleteIcon = (props) => {
   const classes = useStyles(props);
-  return /* @__PURE__ */ React.createElement(DoneAllIcon, { className: classes.root });
+  return /* @__PURE__ */ jsx(DoneAllIcon, { className: classes.root });
 };
 
 export { AutoCompleteIcon };

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

@@ -1 +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;AAAA,GAC5B;AACF,CAAE,CAAA,CAAA;AAEW,MAAA,gBAAA,GAAmB,CAAC,KAAwC,KAAA;AACvE,EAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA;AAC/B,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,IAAM,EAAA,CAAA;AAC/C;;;;"}
+{"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 { 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":";;;;AAmBA,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;AAAA,GAC5B;AACF,CAAE,CAAA,CAAA;AAEW,MAAA,gBAAA,GAAmB,CAAC,KAAwC,KAAA;AACvE,EAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA;AAC/B,EAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,IAAM,EAAA,CAAA;AAC/C;;;;"}

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Link, Avatar } from '@backstage/core-components';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
@@ -7,7 +8,6 @@ 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(
@@ -40,11 +40,15 @@ const PullRequestCard = ({
   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 title = /* @__PURE__ */ jsx(Link, { to: pullRequest.link ?? "", title: pullRequest.description, children: pullRequest.title });
+  const repoLink = /* @__PURE__ */ jsx(Link, { to: pullRequest.repository?.url ?? "", color: "inherit", children: 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(
+  const subheader = /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+    repoLink,
+    " \xB7 ",
+    creationDate
+  ] });
+  const avatar = /* @__PURE__ */ jsx(
     Avatar,
     {
       displayName: pullRequest.createdBy?.displayName,
@@ -52,32 +56,37 @@ const PullRequestCard = ({
       classes: { avatar: classes.avatar, avatarText: classes.avatarText }
     }
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     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 }))
+      "data-pull-request-id": pullRequest.pullRequestId,
+      children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            avatar,
+            title,
+            subheader,
+            action: /* @__PURE__ */ jsx(AutoCompleteIcon, { hasAutoComplete: pullRequest.hasAutoComplete }),
+            classes: {
+              ...simplified && { root: classes.cardHeaderSimplified },
+              action: classes.cardHeaderAction
+            }
+          }
+        ),
+        !simplified && /* @__PURE__ */ jsxs(CardContent, { className: classes.content, children: [
+          pullRequest.policies && /* @__PURE__ */ jsx(
+            PullRequestCardPolicies,
+            {
+              policies: pullRequest.policies,
+              className: classes.policies
+            }
+          ),
+          pullRequest.reviewers && /* @__PURE__ */ jsx(PullRequestCardReviewers, { reviewers: pullRequest.reviewers })
+        ] })
+      ]
+    }
   );
 };
 

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

@@ -1 +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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"}
+{"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 { 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

@@ -1,10 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
 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 })));
+}) => /* @__PURE__ */ jsx("div", { className, children: policies.map((policy) => /* @__PURE__ */ jsx(PullRequestCardPolicy, { policy }, policy.id)) });
 
 export { PullRequestCardPolicies };
 //# sourceMappingURL=PullRequestCardPolicies.esm.js.map

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

@@ -1 +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;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;;;;"}
+{"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';\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":";;;AAwBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,QAAA;AAAA,EACA;AACF,CAAA,qBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SACF,EAAA,QAAA,EAAA,QAAA,CAAS,GAAI,CAAA,CAAA,MAAA,qBACX,GAAA,CAAA,qBAAA,EAAA,EAAsC,MAAX,EAAA,EAAA,MAAA,CAAO,EAAoB,CACxD,CACH,EAAA;;;;"}

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

@@ -1,9 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 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(
@@ -35,20 +35,20 @@ function getPolicyIcon(policy) {
     case PolicyType.Build:
       switch (policy.status) {
         case PolicyEvaluationStatus.Running:
-          return /* @__PURE__ */ React.createElement(PolicyInProgressIcon, null);
+          return /* @__PURE__ */ jsx(PolicyInProgressIcon, {});
         case PolicyEvaluationStatus.Rejected:
-          return /* @__PURE__ */ React.createElement(PolicyIssueIcon, null);
+          return /* @__PURE__ */ jsx(PolicyIssueIcon, {});
         case PolicyEvaluationStatus.Queued:
-          return /* @__PURE__ */ React.createElement(PolicyRequiredIcon, null);
+          return /* @__PURE__ */ jsx(PolicyRequiredIcon, {});
         default:
           return null;
       }
     case PolicyType.MinimumReviewers:
     case PolicyType.RequiredReviewers:
-      return /* @__PURE__ */ React.createElement(PolicyRequiredIcon, null);
+      return /* @__PURE__ */ jsx(PolicyRequiredIcon, {});
     case PolicyType.Status:
     case PolicyType.Comments:
-      return /* @__PURE__ */ React.createElement(PolicyIssueIcon, null);
+      return /* @__PURE__ */ jsx(PolicyIssueIcon, {});
     default:
       return null;
   }
@@ -60,7 +60,11 @@ const PullRequestCardPolicyContainer = styled("div")({
 });
 const PullRequestCardPolicy = ({
   policy
-}) => /* @__PURE__ */ React.createElement(PullRequestCardPolicyContainer, null, getPolicyIcon(policy), " ", /* @__PURE__ */ React.createElement(Typography, { component: "span" }, policy.text));
+}) => /* @__PURE__ */ jsxs(PullRequestCardPolicyContainer, { children: [
+  getPolicyIcon(policy),
+  " ",
+  /* @__PURE__ */ jsx(Typography, { component: "span", children: policy.text })
+] });
 
 export { PullRequestCardPolicy };
 //# sourceMappingURL=PullRequestCardPolicy.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PullRequestCardPolicy.esm.js","sources":["../../../../../src/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardPolicy.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  Policy,\n  PolicyEvaluationStatus,\n  PolicyType,\n} from '@backstage-community/plugin-azure-devops-common';\nimport { styled, withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\n\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport GroupWorkIcon from '@material-ui/icons/GroupWork';\nimport React from 'react';\nimport WatchLaterIcon from '@material-ui/icons/WatchLater';\n\nconst PolicyRequiredIcon = withStyles(\n  theme => ({\n    root: {\n      color: theme.palette.info.main,\n    },\n  }),\n  { name: 'PolicyRequiredIcon' },\n)(WatchLaterIcon);\n\nconst PolicyIssueIcon = withStyles(\n  theme => ({\n    root: {\n      color: theme.palette.error.main,\n    },\n  }),\n  { name: 'PolicyIssueIcon' },\n)(CancelIcon);\n\nconst PolicyInProgressIcon = withStyles(\n  theme => ({\n    root: {\n      color: theme.palette.info.main,\n    },\n  }),\n  { name: 'PolicyInProgressIcon' },\n)(GroupWorkIcon);\n\nfunction getPolicyIcon(policy: Policy): React.JSX.Element | null {\n  switch (policy.type) {\n    case PolicyType.Build:\n      switch (policy.status) {\n        case PolicyEvaluationStatus.Running:\n          return <PolicyInProgressIcon />;\n        case PolicyEvaluationStatus.Rejected:\n          return <PolicyIssueIcon />;\n        case PolicyEvaluationStatus.Queued:\n          return <PolicyRequiredIcon />;\n        default:\n          return null;\n      }\n    case PolicyType.MinimumReviewers:\n    case PolicyType.RequiredReviewers:\n      return <PolicyRequiredIcon />;\n    case PolicyType.Status:\n    case PolicyType.Comments:\n      return <PolicyIssueIcon />;\n    default:\n      return null;\n  }\n}\n\nconst PullRequestCardPolicyContainer = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n});\n\ntype PullRequestCardPolicyProps = {\n  policy: Policy;\n};\n\nexport const PullRequestCardPolicy = ({\n  policy,\n}: PullRequestCardPolicyProps) => (\n  <PullRequestCardPolicyContainer>\n    {getPolicyIcon(policy)}{' '}\n    <Typography component=\"span\">{policy.text}</Typography>\n  </PullRequestCardPolicyContainer>\n);\n"],"names":[],"mappings":";;;;;;;;AA6BA,MAAM,kBAAqB,GAAA,UAAA;AAAA,EACzB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,oBAAqB;AAC/B,CAAA,CAAE,cAAc,CAAA;AAEhB,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA;AAAA;AAC7B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,iBAAkB;AAC5B,CAAA,CAAE,UAAU,CAAA;AAEZ,MAAM,oBAAuB,GAAA,UAAA;AAAA,EAC3B,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,sBAAuB;AACjC,CAAA,CAAE,aAAa,CAAA;AAEf,SAAS,cAAc,MAA0C,EAAA;AAC/D,EAAA,QAAQ,OAAO,IAAM;AAAA,IACnB,KAAK,UAAW,CAAA,KAAA;AACd,MAAA,QAAQ,OAAO,MAAQ;AAAA,QACrB,KAAK,sBAAuB,CAAA,OAAA;AAC1B,UAAA,2CAAQ,oBAAqB,EAAA,IAAA,CAAA;AAAA,QAC/B,KAAK,sBAAuB,CAAA,QAAA;AAC1B,UAAA,2CAAQ,eAAgB,EAAA,IAAA,CAAA;AAAA,QAC1B,KAAK,sBAAuB,CAAA,MAAA;AAC1B,UAAA,2CAAQ,kBAAmB,EAAA,IAAA,CAAA;AAAA,QAC7B;AACE,UAAO,OAAA,IAAA;AAAA;AACX,IACF,KAAK,UAAW,CAAA,gBAAA;AAAA,IAChB,KAAK,UAAW,CAAA,iBAAA;AACd,MAAA,2CAAQ,kBAAmB,EAAA,IAAA,CAAA;AAAA,IAC7B,KAAK,UAAW,CAAA,MAAA;AAAA,IAChB,KAAK,UAAW,CAAA,QAAA;AACd,MAAA,2CAAQ,eAAgB,EAAA,IAAA,CAAA;AAAA,IAC1B;AACE,MAAO,OAAA,IAAA;AAAA;AAEb;AAEA,MAAM,8BAAA,GAAiC,MAAO,CAAA,KAAK,CAAE,CAAA;AAAA,EACnD,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,QAAU,EAAA;AACZ,CAAC,CAAA;AAMM,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAAA,qBACG,KAAA,CAAA,aAAA,CAAA,8BAAA,EAAA,IAAA,EACE,aAAc,CAAA,MAAM,CAAG,EAAA,GAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAA,EAAQ,MAAO,CAAA,IAAK,CAC5C;;;;"}
+{"version":3,"file":"PullRequestCardPolicy.esm.js","sources":["../../../../../src/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardPolicy.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  Policy,\n  PolicyEvaluationStatus,\n  PolicyType,\n} from '@backstage-community/plugin-azure-devops-common';\nimport { styled, withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\n\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport GroupWorkIcon from '@material-ui/icons/GroupWork';\nimport WatchLaterIcon from '@material-ui/icons/WatchLater';\n\nconst PolicyRequiredIcon = withStyles(\n  theme => ({\n    root: {\n      color: theme.palette.info.main,\n    },\n  }),\n  { name: 'PolicyRequiredIcon' },\n)(WatchLaterIcon);\n\nconst PolicyIssueIcon = withStyles(\n  theme => ({\n    root: {\n      color: theme.palette.error.main,\n    },\n  }),\n  { name: 'PolicyIssueIcon' },\n)(CancelIcon);\n\nconst PolicyInProgressIcon = withStyles(\n  theme => ({\n    root: {\n      color: theme.palette.info.main,\n    },\n  }),\n  { name: 'PolicyInProgressIcon' },\n)(GroupWorkIcon);\n\nfunction getPolicyIcon(policy: Policy): React.JSX.Element | null {\n  switch (policy.type) {\n    case PolicyType.Build:\n      switch (policy.status) {\n        case PolicyEvaluationStatus.Running:\n          return <PolicyInProgressIcon />;\n        case PolicyEvaluationStatus.Rejected:\n          return <PolicyIssueIcon />;\n        case PolicyEvaluationStatus.Queued:\n          return <PolicyRequiredIcon />;\n        default:\n          return null;\n      }\n    case PolicyType.MinimumReviewers:\n    case PolicyType.RequiredReviewers:\n      return <PolicyRequiredIcon />;\n    case PolicyType.Status:\n    case PolicyType.Comments:\n      return <PolicyIssueIcon />;\n    default:\n      return null;\n  }\n}\n\nconst PullRequestCardPolicyContainer = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n});\n\ntype PullRequestCardPolicyProps = {\n  policy: Policy;\n};\n\nexport const PullRequestCardPolicy = ({\n  policy,\n}: PullRequestCardPolicyProps) => (\n  <PullRequestCardPolicyContainer>\n    {getPolicyIcon(policy)}{' '}\n    <Typography component=\"span\">{policy.text}</Typography>\n  </PullRequestCardPolicyContainer>\n);\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,kBAAqB,GAAA,UAAA;AAAA,EACzB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,oBAAqB;AAC/B,CAAA,CAAE,cAAc,CAAA;AAEhB,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA;AAAA;AAC7B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,iBAAkB;AAC5B,CAAA,CAAE,UAAU,CAAA;AAEZ,MAAM,oBAAuB,GAAA,UAAA;AAAA,EAC3B,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,sBAAuB;AACjC,CAAA,CAAE,aAAa,CAAA;AAEf,SAAS,cAAc,MAA0C,EAAA;AAC/D,EAAA,QAAQ,OAAO,IAAM;AAAA,IACnB,KAAK,UAAW,CAAA,KAAA;AACd,MAAA,QAAQ,OAAO,MAAQ;AAAA,QACrB,KAAK,sBAAuB,CAAA,OAAA;AAC1B,UAAA,2BAAQ,oBAAqB,EAAA,EAAA,CAAA;AAAA,QAC/B,KAAK,sBAAuB,CAAA,QAAA;AAC1B,UAAA,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA,QAC1B,KAAK,sBAAuB,CAAA,MAAA;AAC1B,UAAA,2BAAQ,kBAAmB,EAAA,EAAA,CAAA;AAAA,QAC7B;AACE,UAAO,OAAA,IAAA;AAAA;AACX,IACF,KAAK,UAAW,CAAA,gBAAA;AAAA,IAChB,KAAK,UAAW,CAAA,iBAAA;AACd,MAAA,2BAAQ,kBAAmB,EAAA,EAAA,CAAA;AAAA,IAC7B,KAAK,UAAW,CAAA,MAAA;AAAA,IAChB,KAAK,UAAW,CAAA,QAAA;AACd,MAAA,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA,IAC1B;AACE,MAAO,OAAA,IAAA;AAAA;AAEb;AAEA,MAAM,8BAAA,GAAiC,MAAO,CAAA,KAAK,CAAE,CAAA;AAAA,EACnD,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,QAAU,EAAA;AACZ,CAAC,CAAA;AAMM,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAAA,0BACG,8BACE,EAAA,EAAA,QAAA,EAAA;AAAA,EAAA,aAAA,CAAc,MAAM,CAAA;AAAA,EAAG,GAAA;AAAA,kBACvB,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAQ,iBAAO,IAAK,EAAA;AAAA,CAC5C,EAAA;;;;"}

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

@@ -1,5 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
 import { Avatar } from '@backstage/core-components';
-import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles(
@@ -19,7 +19,7 @@ const PullRequestCardReviewer = ({
   reviewer
 }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Avatar,
     {
       displayName: reviewer.displayName,

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

@@ -1 +1 @@
-{"version":3,"file":"PullRequestCardReviewer.esm.js","sources":["../../../../../src/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardReviewer.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 } from '@backstage/core-components';\nimport React from 'react';\nimport { Reviewer } from '@backstage-community/plugin-azure-devops-common';\nimport { makeStyles } from '@material-ui/core/styles';\n\ntype PullRequestCardReviewerProps = {\n  reviewer: Reviewer;\n};\n\nconst useStyles = makeStyles(\n  {\n    avatar: {\n      width: '2.5rem',\n      height: '2.5rem',\n      border: '0.3rem solid silver',\n    },\n    avatarText: {\n      fontSize: '1rem',\n    },\n  },\n  { name: 'PullRequestCardReviewer' },\n);\n\nexport const PullRequestCardReviewer = ({\n  reviewer,\n}: PullRequestCardReviewerProps) => {\n  const classes = useStyles();\n\n  return (\n    <Avatar\n      displayName={reviewer.displayName}\n      picture={reviewer.imageUrl}\n      classes={classes}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAyBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB;AAAA,IACE,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,QAAA;AAAA,MACP,MAAQ,EAAA,QAAA;AAAA,MACR,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA;AAAA;AACZ,GACF;AAAA,EACA,EAAE,MAAM,yBAA0B;AACpC,CAAA;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AACF,CAAoC,KAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAa,QAAS,CAAA,WAAA;AAAA,MACtB,SAAS,QAAS,CAAA,QAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"PullRequestCardReviewer.esm.js","sources":["../../../../../src/components/PullRequestsPage/lib/PullRequestCard/PullRequestCardReviewer.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 } from '@backstage/core-components';\nimport { Reviewer } from '@backstage-community/plugin-azure-devops-common';\nimport { makeStyles } from '@material-ui/core/styles';\n\ntype PullRequestCardReviewerProps = {\n  reviewer: Reviewer;\n};\n\nconst useStyles = makeStyles(\n  {\n    avatar: {\n      width: '2.5rem',\n      height: '2.5rem',\n      border: '0.3rem solid silver',\n    },\n    avatarText: {\n      fontSize: '1rem',\n    },\n  },\n  { name: 'PullRequestCardReviewer' },\n);\n\nexport const PullRequestCardReviewer = ({\n  reviewer,\n}: PullRequestCardReviewerProps) => {\n  const classes = useStyles();\n\n  return (\n    <Avatar\n      displayName={reviewer.displayName}\n      picture={reviewer.imageUrl}\n      classes={classes}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAwBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB;AAAA,IACE,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,QAAA;AAAA,MACP,MAAQ,EAAA,QAAA;AAAA,MACR,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA;AAAA;AACZ,GACF;AAAA,EACA,EAAE,MAAM,yBAA0B;AACpC,CAAA;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AACF,CAAoC,KAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAa,QAAS,CAAA,WAAA;AAAA,MACtB,SAAS,QAAS,CAAA,QAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,5 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
 import { PullRequestCardReviewer } from './PullRequestCardReviewer.esm.js';
-import React from 'react';
 import { reviewerFilter } from '../utils.esm.js';
 import { styled } from '@material-ui/core/styles';
 
@@ -11,7 +11,7 @@ const PullRequestCardReviewersContainer = styled("div")({
 });
 const PullRequestCardReviewers = ({
   reviewers
-}) => /* @__PURE__ */ React.createElement(PullRequestCardReviewersContainer, null, reviewers.filter(reviewerFilter).map((reviewer) => /* @__PURE__ */ React.createElement(PullRequestCardReviewer, { key: reviewer.id, reviewer })));
+}) => /* @__PURE__ */ jsx(PullRequestCardReviewersContainer, { children: reviewers.filter(reviewerFilter).map((reviewer) => /* @__PURE__ */ jsx(PullRequestCardReviewer, { reviewer }, reviewer.id)) });
 
 export { PullRequestCardReviewers };
 //# sourceMappingURL=PullRequestCardReviewers.esm.js.map