@pagerduty/backstage-plugin 0.15.5 → 0.15.7

package/dist/components/Escalation/EscalationPolicy.esm.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { makeStyles, createStyles, List, ListSubheader } from '@material-ui/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles, List, ListSubheader, createStyles } from '@material-ui/core';
 import { EscalationUsersEmptyState } from './EscalationUsersEmptyState.esm.js';
 import { EscalationUsersForbiddenState } from './EscalationUsersForbiddenState.esm.js';
 import { EscalationUser } from './EscalationUser.esm.js';
@@ -33,31 +33,34 @@ const EscalationPolicy = ({
   });
   if (error) {
     if (error.message.includes("Forbidden")) {
-      return /* @__PURE__ */ React.createElement(List, { dense: true, subheader: /* @__PURE__ */ React.createElement(ListSubheader, null, "ON CALL") }, /* @__PURE__ */ React.createElement(EscalationUsersForbiddenState, null));
+      return /* @__PURE__ */ jsx(List, { dense: true, subheader: /* @__PURE__ */ jsx(ListSubheader, { children: "ON CALL" }), children: /* @__PURE__ */ jsx(EscalationUsersForbiddenState, {}) });
     }
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Error encountered while fetching information. ", error.message);
+    return /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
+      "Error encountered while fetching information. ",
+      error.message
+    ] });
   }
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, { "data-testid": "escalation-progress" });
   }
   if (!users?.length) {
-    return /* @__PURE__ */ React.createElement(EscalationUsersEmptyState, null);
+    return /* @__PURE__ */ jsx(EscalationUsersEmptyState, {});
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     List,
     {
       dense: true,
-      className: classes.listStyle
-    },
-    users.map((user, index) => /* @__PURE__ */ React.createElement(
-      EscalationUser,
-      {
-        key: index,
-        user,
-        policyUrl,
-        policyName
-      }
-    ))
+      className: classes.listStyle,
+      children: users.map((user, index) => /* @__PURE__ */ jsx(
+        EscalationUser,
+        {
+          user,
+          policyUrl,
+          policyName
+        },
+        index
+      ))
+    }
   );
 };
 

package/dist/components/Escalation/EscalationPolicy.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EscalationPolicy.esm.js","sources":["../../../src/components/Escalation/EscalationPolicy.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from \"react\";\nimport { List, ListSubheader, createStyles, makeStyles } from \"@material-ui/core\";\nimport { EscalationUsersEmptyState } from \"./EscalationUsersEmptyState\";\nimport { EscalationUsersForbiddenState } from \"./EscalationUsersForbiddenState\";\nimport { EscalationUser } from \"./EscalationUser\";\nimport useAsync from \"react-use/lib/useAsync\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { Alert } from \"@material-ui/lab\";\n\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { Progress } from \"@backstage/core-components\";\nimport { BackstageTheme } from \"@backstage/theme\";\n\ntype Props = {\n  policyId: string;\n  policyUrl: string;\n  policyName: string;\n  account?: string;\n};\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    listStyle: {\n      marginLeft: \"-15px\",\n    },\n  })\n);\n\nexport const EscalationPolicy = ({\n  policyId,\n  policyUrl,\n  policyName,\n  account,\n}: Props) => {\n  const api = useApi(pagerDutyApiRef);\n  const classes = useStyles();\n\n  const {\n    value: users,\n    loading,\n    error,\n  } = useAsync(async () => {\n    return await api.getOnCallByPolicyId(policyId, account);\n  });\n\n  if (error) {\n    if (error.message.includes(\"Forbidden\")) {\n      return (\n        <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n          <EscalationUsersForbiddenState />\n        </List>\n      );\n    }\n\n    return (\n      <Alert severity=\"error\">\n        Error encountered while fetching information. {error.message}\n      </Alert>\n    );\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!users?.length) {\n    return <EscalationUsersEmptyState />;\n  }\n\n  return (\n    <List\n      dense\n      className={classes.listStyle}\n    >\n      {users!.map((user, index) => (\n        <EscalationUser\n          key={index}\n          user={user}\n          policyUrl={policyUrl}\n          policyName={policyName}\n        />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAA2B,MAC3C,YAAa,CAAA;AAAA,IACX,SAAW,EAAA;AAAA,MACT,UAAY,EAAA,OAAA;AAAA,KACd;AAAA,GACD,CAAA;AACH,CAAA,CAAA;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AACF,CAAa,KAAA;AACX,EAAM,MAAA,GAAA,GAAM,OAAO,eAAe,CAAA,CAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,KAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,SAAS,YAAY;AACvB,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAoB,CAAA,QAAA,EAAU,OAAO,CAAA,CAAA;AAAA,GACvD,CAAA,CAAA;AAED,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,WAAW,CAAG,EAAA;AACvC,MACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAK,IAAC,EAAA,SAAA,kBAAY,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,SAAO,CAAA,EAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA,IAA8B,CACjC,CAAA,CAAA;AAAA,KAEJ;AAEA,IAAA,2CACG,KAAM,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,EAAA,gDAAA,EACyB,MAAM,OACvD,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAI,IAAA,CAAC,OAAO,MAAQ,EAAA;AAClB,IAAA,2CAAQ,yBAA0B,EAAA,IAAA,CAAA,CAAA;AAAA,GACpC;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,WAAW,OAAQ,CAAA,SAAA;AAAA,KAAA;AAAA,IAElB,KAAO,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KACjB,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,IAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,OAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EscalationPolicy.esm.js","sources":["../../../src/components/Escalation/EscalationPolicy.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { List, ListSubheader, createStyles, makeStyles } from \"@material-ui/core\";\nimport { EscalationUsersEmptyState } from \"./EscalationUsersEmptyState\";\nimport { EscalationUsersForbiddenState } from \"./EscalationUsersForbiddenState\";\nimport { EscalationUser } from \"./EscalationUser\";\nimport useAsync from \"react-use/lib/useAsync\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { Alert } from \"@material-ui/lab\";\n\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { Progress } from \"@backstage/core-components\";\nimport { BackstageTheme } from \"@backstage/theme\";\n\ntype Props = {\n  policyId: string;\n  policyUrl: string;\n  policyName: string;\n  account?: string;\n};\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    listStyle: {\n      marginLeft: \"-15px\",\n    },\n  })\n);\n\nexport const EscalationPolicy = ({\n  policyId,\n  policyUrl,\n  policyName,\n  account,\n}: Props) => {\n  const api = useApi(pagerDutyApiRef);\n  const classes = useStyles();\n\n  const {\n    value: users,\n    loading,\n    error,\n  } = useAsync(async () => {\n    return await api.getOnCallByPolicyId(policyId, account);\n  });\n\n  if (error) {\n    if (error.message.includes(\"Forbidden\")) {\n      return (\n        <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n          <EscalationUsersForbiddenState />\n        </List>\n      );\n    }\n\n    return (\n      <Alert severity=\"error\">\n        Error encountered while fetching information. {error.message}\n      </Alert>\n    );\n  }\n\n  if (loading) {\n    return <Progress data-testid=\"escalation-progress\" />;\n  }\n\n  if (!users?.length) {\n    return <EscalationUsersEmptyState />;\n  }\n\n  return (\n    <List\n      dense\n      className={classes.listStyle}\n    >\n      {users!.map((user, index) => (\n        <EscalationUser\n          key={index}\n          user={user}\n          policyUrl={policyUrl}\n          policyName={policyName}\n        />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAkCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAA2B,MAC3C,YAAA,CAAa;AAAA,IACX,SAAA,EAAW;AAAA,MACT,UAAA,EAAY;AAAA;AACd,GACD;AACH,CAAA;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAAa;AACX,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAClC,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY;AACvB,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,OAAO,CAAA;AAAA,EACxD,CAAC,CAAA;AAED,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EAAC,SAAA,kBAAW,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAA,SAAA,EAAO,CAAA,EAC3C,QAAA,kBAAA,GAAA,CAAC,6BAAA,EAAA,EAA8B,CAAA,EACjC,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ,QAAA,EAAA;AAAA,MAAA,gDAAA;AAAA,MACyB,KAAA,CAAM;AAAA,KAAA,EACvD,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAY,qBAAA,EAAsB,CAAA;AAAA,EACrD;AAEA,EAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AAClB,IAAA,2BAAQ,yBAAA,EAAA,EAA0B,CAAA;AAAA,EACpC;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAK,IAAA;AAAA,MACL,WAAW,OAAA,CAAQ,SAAA;AAAA,MAElB,QAAA,EAAA,KAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBACjB,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UAEC,IAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA,SAAA;AAAA,QAHK;AAAA,OAKR;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/Escalation/EscalationUser.esm.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { makeStyles, ListItem, ListItemIcon, ListItemText, Tooltip, IconButton, Typography } from '@material-ui/core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyles, ListItem, ListItemIcon, ListItemText, IconButton, Tooltip, Typography } from '@material-ui/core';
 import Avatar from '@material-ui/core/Avatar';
 import NotificationsIcon from '@material-ui/icons/Notifications';
 
@@ -55,43 +55,52 @@ function navigateToUrl(url) {
 }
 const EscalationUser = ({ user, policyUrl, policyName }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(
-    Avatar,
-    {
-      alt: user.name,
-      src: user.avatar_url,
-      className: classes.avatarStyle
-    }
-  )), /* @__PURE__ */ React.createElement(
-    ListItemText,
-    {
-      primary: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Open user in PagerDuty", placement: "top" }, /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          "aria-label": "open-user-in-browser",
-          onClick: () => navigateToUrl(user.html_url),
-          className: classes.userTextButtonStyle
-        },
-        /* @__PURE__ */ React.createElement("span", { className: classes.containerStyle }, user.name)
-      )), /* @__PURE__ */ React.createElement(
-        Typography,
-        {
-          className: classes.listItemSecondary,
-          color: "textSecondary"
-        },
-        user.email
-      )),
-      secondary: /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          "aria-label": "open-escalation-policy-in-browser",
-          onClick: () => navigateToUrl(policyUrl),
-          className: classes.buttonStyle
-        },
-        /* @__PURE__ */ React.createElement("span", { className: classes.containerStyle }, /* @__PURE__ */ React.createElement(NotificationsIcon, { className: classes.iconStyle }), policyName)
-      )
-    }
-  ));
+  return /* @__PURE__ */ jsxs(ListItem, { children: [
+    /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        alt: user.name,
+        src: user.avatar_url,
+        className: classes.avatarStyle
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      ListItemText,
+      {
+        primary: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Tooltip, { title: "Open user in PagerDuty", placement: "top", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": "open-user-in-browser",
+              onClick: () => navigateToUrl(user.html_url),
+              className: classes.userTextButtonStyle,
+              children: /* @__PURE__ */ jsx("span", { className: classes.containerStyle, children: user.name })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              className: classes.listItemSecondary,
+              color: "textSecondary",
+              children: user.email
+            }
+          )
+        ] }),
+        secondary: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": "open-escalation-policy-in-browser",
+            onClick: () => navigateToUrl(policyUrl),
+            className: classes.buttonStyle,
+            children: /* @__PURE__ */ jsxs("span", { className: classes.containerStyle, children: [
+              /* @__PURE__ */ jsx(NotificationsIcon, { className: classes.iconStyle }),
+              policyName
+            ] })
+          }
+        )
+      }
+    )
+  ] });
 };
 
 export { EscalationUser };

package/dist/components/Escalation/EscalationUser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EscalationUser.esm.js","sources":["../../../src/components/Escalation/EscalationUser.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemIcon,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport Avatar from '@material-ui/core/Avatar';\nimport { PagerDutyUser } from '@pagerduty/backstage-plugin-common';\nimport NotificationsIcon from \"@material-ui/icons/Notifications\";\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>((theme) => ({\n  listItemPrimary: {\n    fontWeight: \"bold\",\n  },\n  listItemSecondary: {\n    fontWeight: \"normal\",\n    textDecoration: \"underline\",\n    marginTop: \"-5px\",\n  },\n  buttonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  userTextButtonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    marginBottom: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  containerStyle: {\n    display: \"flex\",\n    alignItems: \"center\",\n    fontWeight: \"bold\",\n  },\n  iconStyle: {\n    fontSize: \"25px\",\n    marginLeft: \"-4px\",\n    color: theme.palette.text.primary,\n  },\n  smallIconStyle: {\n    color: theme.palette.text.primary,\n  },\n  avatarStyle: {\n    marginTop: \"-20px\",\n  },\n}));\n\ntype Props = {\n  user: PagerDutyUser;\n  policyUrl: string;\n  policyName: string;\n};\n\nfunction navigateToUrl(url: string) {\n  // open url in new browser window\n  window.open(url, \"_blank\");\n}\n\nexport const EscalationUser = ({ user, policyUrl, policyName }: Props) => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Avatar\n          alt={user.name}\n          src={user.avatar_url}\n          className={classes.avatarStyle}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={\n          <>\n            <Tooltip title=\"Open user in PagerDuty\" placement=\"top\">\n              <IconButton\n                aria-label=\"open-user-in-browser\"\n                onClick={() => navigateToUrl(user.html_url)}\n                className={classes.userTextButtonStyle}\n              >\n                <span className={classes.containerStyle}>{user.name}</span>\n              </IconButton>\n            </Tooltip>\n\n            <Typography\n              className={classes.listItemSecondary}\n              color=\"textSecondary\"\n            >\n              {user.email}\n            </Typography>\n          </>\n        }\n        secondary={\n          <IconButton\n            aria-label=\"open-escalation-policy-in-browser\"\n            onClick={() => navigateToUrl(policyUrl)}\n            className={classes.buttonStyle}\n          >\n            <span className={classes.containerStyle}>\n              <NotificationsIcon className={classes.iconStyle} />\n              {policyName}\n            </span>\n          </IconButton>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EscalationUser.esm.js","sources":["../../../src/components/Escalation/EscalationUser.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport {\n  ListItem,\n  ListItemIcon,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport Avatar from '@material-ui/core/Avatar';\nimport { PagerDutyUser } from '@pagerduty/backstage-plugin-common';\nimport NotificationsIcon from \"@material-ui/icons/Notifications\";\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>((theme) => ({\n  listItemPrimary: {\n    fontWeight: \"bold\",\n  },\n  listItemSecondary: {\n    fontWeight: \"normal\",\n    textDecoration: \"underline\",\n    marginTop: \"-5px\",\n  },\n  buttonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  userTextButtonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    marginBottom: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  containerStyle: {\n    display: \"flex\",\n    alignItems: \"center\",\n    fontWeight: \"bold\",\n  },\n  iconStyle: {\n    fontSize: \"25px\",\n    marginLeft: \"-4px\",\n    color: theme.palette.text.primary,\n  },\n  smallIconStyle: {\n    color: theme.palette.text.primary,\n  },\n  avatarStyle: {\n    marginTop: \"-20px\",\n  },\n}));\n\ntype Props = {\n  user: PagerDutyUser;\n  policyUrl: string;\n  policyName: string;\n};\n\nfunction navigateToUrl(url: string) {\n  // open url in new browser window\n  window.open(url, \"_blank\");\n}\n\nexport const EscalationUser = ({ user, policyUrl, policyName }: Props) => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Avatar\n          alt={user.name}\n          src={user.avatar_url}\n          className={classes.avatarStyle}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={\n          <>\n            <Tooltip title=\"Open user in PagerDuty\" placement=\"top\">\n              <IconButton\n                aria-label=\"open-user-in-browser\"\n                onClick={() => navigateToUrl(user.html_url)}\n                className={classes.userTextButtonStyle}\n              >\n                <span className={classes.containerStyle}>{user.name}</span>\n              </IconButton>\n            </Tooltip>\n\n            <Typography\n              className={classes.listItemSecondary}\n              color=\"textSecondary\"\n            >\n              {user.email}\n            </Typography>\n          </>\n        }\n        secondary={\n          <IconButton\n            aria-label=\"open-escalation-policy-in-browser\"\n            onClick={() => navigateToUrl(policyUrl)}\n            className={classes.buttonStyle}\n          >\n            <span className={classes.containerStyle}>\n              <NotificationsIcon className={classes.iconStyle} />\n              {policyName}\n            </span>\n          </IconButton>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Escalation/EscalationUsersEmptyState.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyles, ListItem, ListItemIcon, ListItemText } from '@material-ui/core';
 import { StatusWarning } from '@backstage/core-components';
 
@@ -13,7 +13,10 @@ const useStyles = makeStyles({
 });
 const EscalationUsersEmptyState = () => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement("div", { className: classes.denseListIcon }, /* @__PURE__ */ React.createElement(StatusWarning, null))), /* @__PURE__ */ React.createElement(ListItemText, { primary: "No one is on-call. Update the escalation policy." }));
+  return /* @__PURE__ */ jsxs(ListItem, { children: [
+    /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx("div", { className: classes.denseListIcon, children: /* @__PURE__ */ jsx(StatusWarning, {}) }) }),
+    /* @__PURE__ */ jsx(ListItemText, { primary: "No one is on-call. Update the escalation policy." })
+  ] });
 };
 
 export { EscalationUsersEmptyState };

package/dist/components/Escalation/EscalationUsersEmptyState.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EscalationUsersEmptyState.esm.js","sources":["../../../src/components/Escalation/EscalationUsersEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport { StatusWarning } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport const EscalationUsersEmptyState = () => {\n  const classes = useStyles();\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <div className={classes.denseListIcon}>\n          <StatusWarning />\n        </div>\n      </ListItemIcon>\n      <ListItemText primary=\"No one is on-call. Update the escalation policy.\" />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;AAyBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,CAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,GAClB;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,2CACG,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oCACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,OAAQ,CAAA,aAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACjB,CACF,CAAA,sCACC,YAAa,EAAA,EAAA,OAAA,EAAQ,oDAAmD,CAC3E,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EscalationUsersEmptyState.esm.js","sources":["../../../src/components/Escalation/EscalationUsersEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport {\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport { StatusWarning } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport const EscalationUsersEmptyState = () => {\n  const classes = useStyles();\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <div className={classes.denseListIcon}>\n          <StatusWarning />\n        </div>\n      </ListItemIcon>\n      <ListItemText primary=\"No one is on-call. Update the escalation policy.\" />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;AAwBA,MAAM,YAAY,UAAA,CAAW;AAAA,EAC3B,aAAA,EAAe;AAAA,IACb,WAAA,EAAa,CAAA;AAAA,IACb,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB;AAAA;AAEpB,CAAC,CAAA;AAEM,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,EAAA,EACC,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,aAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA,EACjB,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAQ,kDAAA,EAAmD;AAAA,GAAA,EAC3E,CAAA;AAEJ;;;;"}

package/dist/components/Escalation/EscalationUsersForbiddenState.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyles, ListItem, ListItemIcon, ListItemText } from '@material-ui/core';
 import { StatusError } from '@backstage/core-components';
 
@@ -13,7 +13,10 @@ const useStyles = makeStyles({
 });
 const EscalationUsersForbiddenState = () => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement("div", { className: classes.denseListIcon }, /* @__PURE__ */ React.createElement(StatusError, null))), /* @__PURE__ */ React.createElement(ListItemText, { primary: "You don't permissions to list on-calls. Check your OAuth token permissions." }));
+  return /* @__PURE__ */ jsxs(ListItem, { children: [
+    /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx("div", { className: classes.denseListIcon, children: /* @__PURE__ */ jsx(StatusError, {}) }) }),
+    /* @__PURE__ */ jsx(ListItemText, { primary: "You don't permissions to list on-calls. Check your OAuth token permissions." })
+  ] });
 };
 
 export { EscalationUsersForbiddenState };

package/dist/components/Escalation/EscalationUsersForbiddenState.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EscalationUsersForbiddenState.esm.js","sources":["../../../src/components/Escalation/EscalationUsersForbiddenState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport { StatusError } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport const EscalationUsersForbiddenState = () => {\n  const classes = useStyles();\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <div className={classes.denseListIcon}>\n          <StatusError />\n        </div>\n      </ListItemIcon>\n      <ListItemText primary=\"You don't permissions to list on-calls. Check your OAuth token permissions.\" />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;AAyBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,CAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,GAClB;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,gCAAgC,MAAM;AACjD,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,2CACG,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oCACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,OAAQ,CAAA,aAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAY,CACf,CACF,CAAA,sCACC,YAAa,EAAA,EAAA,OAAA,EAAQ,+EAA8E,CACtG,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EscalationUsersForbiddenState.esm.js","sources":["../../../src/components/Escalation/EscalationUsersForbiddenState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport {\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport { StatusError } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport const EscalationUsersForbiddenState = () => {\n  const classes = useStyles();\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <div className={classes.denseListIcon}>\n          <StatusError />\n        </div>\n      </ListItemIcon>\n      <ListItemText primary=\"You don't permissions to list on-calls. Check your OAuth token permissions.\" />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;AAwBA,MAAM,YAAY,UAAA,CAAW;AAAA,EAC3B,aAAA,EAAe;AAAA,IACb,WAAA,EAAa,CAAA;AAAA,IACb,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB;AAAA;AAEpB,CAAC,CAAA;AAEM,MAAM,gCAAgC,MAAM;AACjD,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,EAAA,EACC,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,aAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,EACf,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAQ,6EAAA,EAA8E;AAAA,GAAA,EACtG,CAAA;AAEJ;;;;"}

package/dist/components/HomePagePagerDutyCard/Content.esm.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { PagerDutyCard } from '../PagerDutyCard/index.esm.js';
 
 const Content = (props) => {
-  return /* @__PURE__ */ React.createElement(PagerDutyCard, { ...props });
+  return /* @__PURE__ */ jsx(PagerDutyCard, { ...props });
 };
 
 export { Content };

package/dist/components/HomePagePagerDutyCard/Content.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.esm.js","sources":["../../../src/components/HomePagePagerDutyCard/Content.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from 'react';\n\nimport { PagerDutyEntity } from '../../types';\nimport { PagerDutyCard } from '../PagerDutyCard';\n\n/** @public */\nexport type HomePagePagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n};\n\n/** @public */\nexport const Content = (props: HomePagePagerDutyCardProps) => {\n  return <PagerDutyCard {...props} />;\n};\n"],"names":[],"mappings":";;;AA2Ba,MAAA,OAAA,GAAU,CAAC,KAAsC,KAAA;AAC5D,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAe,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AACnC;;;;"}
+{"version":3,"file":"Content.esm.js","sources":["../../../src/components/HomePagePagerDutyCard/Content.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { PagerDutyEntity } from '../../types';\nimport { PagerDutyCard } from '../PagerDutyCard';\n\n/** @public */\nexport type HomePagePagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n};\n\n/** @public */\nexport const Content = (props: HomePagePagerDutyCardProps) => {\n  return <PagerDutyCard {...props} />;\n};\n"],"names":[],"mappings":";;;AAyBO,MAAM,OAAA,GAAU,CAAC,KAAA,KAAsC;AAC5D,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACnC;;;;"}

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import PDIcon from '../../assets/PD-Icon.svg';
 
 function PagerDutyIcon() {
-  return /* @__PURE__ */ React.createElement("img", { src: PDIcon, alt: "PagerDuty", height: "20px" });
+  return /* @__PURE__ */ jsx("img", { src: PDIcon, alt: "PagerDuty", height: "20px" });
 }
 
 export { PagerDutyIcon };

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/Icons/index.tsx"],"sourcesContent":["import React from \"react\";\nimport PDIcon from \"../../assets/PD-Icon.svg\";\n\n/** @public */\nexport function PagerDutyIcon() {\n\n  return <img src={PDIcon} alt=\"PagerDuty\" height=\"20px\" />;\n};\n"],"names":[],"mappings":";;;AAIO,SAAS,aAAgB,GAAA;AAE9B,EAAA,2CAAQ,KAAI,EAAA,EAAA,GAAA,EAAK,QAAQ,GAAI,EAAA,WAAA,EAAY,QAAO,MAAO,EAAA,CAAA,CAAA;AACzD;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/Icons/index.tsx"],"sourcesContent":["import PDIcon from \"../../assets/PD-Icon.svg\";\n\n/** @public */\nexport function PagerDutyIcon() {\n\n  return <img src={PDIcon} alt=\"PagerDuty\" height=\"20px\" />;\n};\n"],"names":[],"mappings":";;;AAGO,SAAS,aAAA,GAAgB;AAE9B,EAAA,2BAAQ,KAAA,EAAA,EAAI,GAAA,EAAK,QAAQ,GAAA,EAAI,WAAA,EAAY,QAAO,MAAA,EAAO,CAAA;AACzD;;;;"}

package/dist/components/Incident/IncidentEmptyState.esm.js

@@ -1,25 +1,27 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Grid, Typography } from '@material-ui/core';
 import EmptyStateImage from '../../assets/emptystate.svg';
 
 const IncidentsEmptyState = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Grid,
     {
       container: true,
       justifyContent: "center",
       direction: "column",
-      alignItems: "center"
-    },
-    /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Nice! No incidents found!")),
-    /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-      "img",
-      {
-        src: EmptyStateImage,
-        alt: "EmptyState",
-        "data-testid": "emptyStateImg"
-      }
-    ))
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Nice! No incidents found!" }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: EmptyStateImage,
+            alt: "EmptyState",
+            "data-testid": "emptyStateImg"
+          }
+        ) })
+      ]
+    }
   );
 };
 

package/dist/components/Incident/IncidentEmptyState.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"IncidentEmptyState.esm.js","sources":["../../../src/components/Incident/IncidentEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport EmptyStateImage from \"../../assets/emptystate.svg\";\n\nexport const IncidentsEmptyState = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      direction=\"column\"\n      alignItems=\"center\"\n    >\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Nice! No incidents found!</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={EmptyStateImage}\n          alt=\"EmptyState\"\n          data-testid=\"emptyStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,sBAAsB,MAAM;AACvC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,SAAU,EAAA,QAAA;AAAA,MACV,UAAW,EAAA,QAAA;AAAA,KAAA;AAAA,oBAEX,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,EAAA,2BAAyB,CACpD,CAAA;AAAA,oBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,eAAA;AAAA,QACL,GAAI,EAAA,YAAA;AAAA,QACJ,aAAY,EAAA,eAAA;AAAA,OAAA;AAAA,KAEhB,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IncidentEmptyState.esm.js","sources":["../../../src/components/Incident/IncidentEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { Grid, Typography } from '@material-ui/core';\nimport EmptyStateImage from \"../../assets/emptystate.svg\";\n\nexport const IncidentsEmptyState = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      direction=\"column\"\n      alignItems=\"center\"\n    >\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Nice! No incidents found!</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={EmptyStateImage}\n          alt=\"EmptyState\"\n          data-testid=\"emptyStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,sBAAsB,MAAM;AACvC,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAS,IAAA;AAAA,MACT,cAAA,EAAe,QAAA;AAAA,MACf,SAAA,EAAU,QAAA;AAAA,MACV,UAAA,EAAW,QAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,2BAAA,EAAyB,CAAA,EACpD,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,eAAA;AAAA,YACL,GAAA,EAAI,YAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/Incident/IncidentForbiddenState.esm.js

@@ -1,16 +1,19 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Grid, Typography } from '@material-ui/core';
 import ForbiddenStateImage from '../../assets/forbiddenstate.svg';
 
 const IncidentForbiddenState = () => {
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "center", direction: "column", alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Feature not available with your account or token.")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: ForbiddenStateImage,
-      alt: "ForbiddenState",
-      "data-testid": "forbiddenStateImg"
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "center", direction: "column", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Feature not available with your account or token." }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: ForbiddenStateImage,
+        alt: "ForbiddenState",
+        "data-testid": "forbiddenStateImg"
+      }
+    ) })
+  ] });
 };
 
 export { IncidentForbiddenState };

package/dist/components/Incident/IncidentForbiddenState.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"IncidentForbiddenState.esm.js","sources":["../../../src/components/Incident/IncidentForbiddenState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport ForbiddenStateImage from '../../assets/forbiddenstate.svg';\n\nexport const IncidentForbiddenState = () => {\n  return (\n    <Grid container justifyContent=\"center\" direction=\"column\" alignItems=\"center\">\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Feature not available with your account or token.</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={ForbiddenStateImage}\n          alt=\"ForbiddenState\"\n          data-testid=\"forbiddenStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAqBO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,cAAe,EAAA,QAAA,EAAS,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,QAAA,EAAA,kBACnE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EAAK,mDAAiD,CAC5E,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,mBAAA;AAAA,MACL,GAAI,EAAA,gBAAA;AAAA,MACJ,aAAY,EAAA,mBAAA;AAAA,KAAA;AAAA,GAEhB,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IncidentForbiddenState.esm.js","sources":["../../../src/components/Incident/IncidentForbiddenState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { Grid, Typography } from '@material-ui/core';\nimport ForbiddenStateImage from '../../assets/forbiddenstate.svg';\n\nexport const IncidentForbiddenState = () => {\n  return (\n    <Grid container justifyContent=\"center\" direction=\"column\" alignItems=\"center\">\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Feature not available with your account or token.</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={ForbiddenStateImage}\n          alt=\"ForbiddenState\"\n          data-testid=\"forbiddenStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,uBACE,IAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAC,gBAAe,QAAA,EAAS,SAAA,EAAU,QAAA,EAAS,UAAA,EAAW,QAAA,EACpE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,mDAAA,EAAiD,CAAA,EAC5E,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,mBAAA;AAAA,QACL,GAAA,EAAI,gBAAA;AAAA,QACJ,aAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/Incident/IncidentListItem.esm.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { makeStyles, ListItem, ListItemText, Chip, Typography, ListItemSecondaryAction, Tooltip, IconButton } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, ListItem, ListItemText, Typography, Chip, ListItemSecondaryAction, Tooltip, IconButton } from '@material-ui/core';
 import { DateTime, Duration } from 'luxon';
 import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
 import { Link } from '@backstage/core-components';
@@ -69,44 +69,57 @@ const IncidentListItem = ({ incident }) => {
   const duration = (/* @__PURE__ */ new Date()).getTime() - new Date(incident.created_at).getTime();
   const createdAt = DateTime.local().minus(Duration.fromMillis(duration)).toRelative({ locale: "en" });
   const user = incident.assignments[0]?.assignee;
-  return /* @__PURE__ */ React.createElement(ListItem, { dense: true, key: incident.id }, /* @__PURE__ */ React.createElement(
-    ListItemText,
-    {
-      primary: /* @__PURE__ */ React.createElement("div", { className: classes.textContainer }, /* @__PURE__ */ React.createElement(
-        Chip,
-        {
-          "data-testid": `chip-${incident.status}`,
-          label: incident.status,
-          size: "small",
-          variant: "outlined",
-          className: incident.status === "triggered" ? classes.error : classes.warning
-        }
-      ), /* @__PURE__ */ React.createElement(
-        Chip,
-        {
-          "data-testid": `chip-${incident.urgency}`,
-          label: `${incident.urgency} urgency`,
-          size: "small",
-          variant: "outlined",
-          className: incident.urgency === "high" ? classes.highUrgency : classes.lowUrgency
-        }
-      ), incident.title),
-      primaryTypographyProps: {
-        variant: "body1",
-        className: classes.listItemPrimary
-      },
-      secondary: /* @__PURE__ */ React.createElement(Typography, { noWrap: true, variant: "body2", color: "textSecondary" }, "Created ", createdAt, " and assigned to", " ", /* @__PURE__ */ React.createElement(Link, { to: user?.html_url ?? "#" }, user?.summary ?? "nobody"))
-    }
-  ), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "View in PagerDuty", placement: "top" }, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      href: incident.html_url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: classes.smallIconStyle
-    },
-    /* @__PURE__ */ React.createElement(OpenInBrowserIcon, null)
-  ))));
+  return /* @__PURE__ */ jsxs(ListItem, { dense: true, children: [
+    /* @__PURE__ */ jsx(
+      ListItemText,
+      {
+        primary: /* @__PURE__ */ jsxs("div", { className: classes.textContainer, children: [
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              "data-testid": `chip-${incident.status}`,
+              label: incident.status,
+              size: "small",
+              variant: "outlined",
+              className: incident.status === "triggered" ? classes.error : classes.warning
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              "data-testid": `chip-${incident.urgency}`,
+              label: `${incident.urgency} urgency`,
+              size: "small",
+              variant: "outlined",
+              className: incident.urgency === "high" ? classes.highUrgency : classes.lowUrgency
+            }
+          ),
+          incident.title
+        ] }),
+        primaryTypographyProps: {
+          variant: "body1",
+          className: classes.listItemPrimary
+        },
+        secondary: /* @__PURE__ */ jsxs(Typography, { noWrap: true, variant: "body2", color: "textSecondary", children: [
+          "Created ",
+          createdAt,
+          " and assigned to",
+          " ",
+          /* @__PURE__ */ jsx(Link, { to: user?.html_url ?? "#", children: user?.summary ?? "nobody" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(ListItemSecondaryAction, { children: /* @__PURE__ */ jsx(Tooltip, { title: "View in PagerDuty", placement: "top", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        href: incident.html_url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: classes.smallIconStyle,
+        children: /* @__PURE__ */ jsx(OpenInBrowserIcon, {})
+      }
+    ) }) })
+  ] }, incident.id);
 };
 
 export { IncidentListItem };