@pagerduty/backstage-plugin 0.16.3 → 0.17.0

package/dist/alpha.d.ts

@@ -1,28 +1,26 @@
 import * as _backstage_catalog_model from '@backstage/catalog-model';
 import * as react from 'react';
 import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
-import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 
 /** @alpha */
 declare const pagerDutyPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
     root: _backstage_frontend_plugin_api.RouteRef<undefined>;
 }, {}, {
-    "api:pagerduty": _backstage_frontend_plugin_api.ExtensionDefinition<{
+    "api:pagerduty": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "api";
         name: undefined;
         config: {};
         configInput: {};
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
         inputs: {};
-        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_core_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_core_plugin_api.AnyApiFactory>;
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
     }>;
-    "entity-card:pagerduty/EntityPagerDutyCard": _backstage_frontend_plugin_api.ExtensionDefinition<{
+    "entity-card:pagerduty/EntityPagerDutyCard": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         config: {
             readOnly: boolean | undefined;
             disableChangeEvents: boolean | undefined;
             disableOnCall: boolean | undefined;
-        } & {
             filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
             type: "content" | "summary" | "info" | undefined;
         };
@@ -30,9 +28,8 @@ declare const pagerDutyPlugin: _backstage_frontend_plugin_api.OverridableFronten
             readOnly?: boolean | undefined;
             disableChangeEvents?: boolean | undefined;
             disableOnCall?: boolean | undefined;
-        } & {
             filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
-            type?: "content" | "summary" | "info" | undefined;
+            type?: "content" | "summary" | "info" | undefined | undefined;
         };
         output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
             optional: true;
@@ -41,14 +38,7 @@ declare const pagerDutyPlugin: _backstage_frontend_plugin_api.OverridableFronten
         }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_plugin_catalog_react_alpha.EntityCardType, "catalog.entity-card-type", {
             optional: true;
         }>;
-        inputs: {
-            [x: string]: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ExtensionDataRef<unknown, string, {
-                optional?: true;
-            }>, {
-                optional: boolean;
-                singleton: boolean;
-            }>;
-        };
+        inputs: {};
         kind: "entity-card";
         name: "EntityPagerDutyCard";
         params: {
@@ -57,12 +47,11 @@ declare const pagerDutyPlugin: _backstage_frontend_plugin_api.OverridableFronten
             type?: _backstage_plugin_catalog_react_alpha.EntityCardType;
         };
     }>;
-    "entity-card:pagerduty/EntityPagerDutySmallCard": _backstage_frontend_plugin_api.ExtensionDefinition<{
+    "entity-card:pagerduty/EntityPagerDutySmallCard": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         config: {
             readOnly: boolean | undefined;
             disableOnCall: boolean | undefined;
             disableInsights: boolean | undefined;
-        } & {
             filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
             type: "content" | "summary" | "info" | undefined;
         };
@@ -70,9 +59,8 @@ declare const pagerDutyPlugin: _backstage_frontend_plugin_api.OverridableFronten
             readOnly?: boolean | undefined;
             disableOnCall?: boolean | undefined;
             disableInsights?: boolean | undefined;
-        } & {
             filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
-            type?: "content" | "summary" | "info" | undefined;
+            type?: "content" | "summary" | "info" | undefined | undefined;
         };
         output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
             optional: true;
@@ -81,14 +69,7 @@ declare const pagerDutyPlugin: _backstage_frontend_plugin_api.OverridableFronten
         }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_plugin_catalog_react_alpha.EntityCardType, "catalog.entity-card-type", {
             optional: true;
         }>;
-        inputs: {
-            [x: string]: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ExtensionDataRef<unknown, string, {
-                optional?: true;
-            }>, {
-                optional: boolean;
-                singleton: boolean;
-            }>;
-        };
+        inputs: {};
         kind: "entity-card";
         name: "EntityPagerDutySmallCard";
         params: {
@@ -97,24 +78,24 @@ declare const pagerDutyPlugin: _backstage_frontend_plugin_api.OverridableFronten
             type?: _backstage_plugin_catalog_react_alpha.EntityCardType;
         };
     }>;
-    "nav-item:pagerduty/PagerDutyNavBarItem": _backstage_frontend_plugin_api.ExtensionDefinition<{
+    "nav-item:pagerduty/PagerDutyNavBarItem": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "nav-item";
         name: "PagerDutyNavBarItem";
         config: {};
         configInput: {};
         output: _backstage_frontend_plugin_api.ExtensionDataRef<{
             title: string;
-            icon: _backstage_core_plugin_api.IconComponent;
+            icon: _backstage_frontend_plugin_api.IconComponent;
             routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
         }, "core.nav-item.target", {}>;
         inputs: {};
         params: {
             title: string;
-            icon: _backstage_core_plugin_api.IconComponent;
+            icon: _backstage_frontend_plugin_api.IconComponent;
             routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
         };
     }>;
-    "page:pagerduty": _backstage_frontend_plugin_api.ExtensionDefinition<{
+    "page:pagerduty": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "page";
         name: undefined;
         config: {

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

@@ -1,9 +1,9 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyles, ListItem, ListItemIcon, ListItemText, Typography, Tooltip } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, ListItem, ListItemIcon, ListItemText, Tooltip } from '@material-ui/core';
 import NotificationsIcon from '@material-ui/icons/Notifications';
-import { Avatar, Button } from '@backstage/ui';
+import { Avatar, Button, Text, Flex } from '@backstage/ui';
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles((_) => ({
   listItemPrimary: {
     fontWeight: "bold"
   },
@@ -19,13 +19,6 @@ const useStyles = makeStyles(() => ({
       textDecoration: "underline"
     }
   },
-  userTextButtonStyle: {
-    fontSize: "15px",
-    "&:hover": {
-      backgroundColor: "transparent",
-      textDecoration: "underline"
-    }
-  },
   containerStyle: {
     display: "flex",
     alignItems: "center",
@@ -56,25 +49,19 @@ const EscalationUser = ({ user, policyUrl, policyName }) => {
     /* @__PURE__ */ jsx(
       ListItemText,
       {
-        primary: /* @__PURE__ */ jsxs(Fragment, { children: [
+        primary: /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "start", gap: "0", children: [
           /* @__PURE__ */ jsx(Tooltip, { title: "Open user in PagerDuty", placement: "top", children: /* @__PURE__ */ jsx(
             Button,
             {
               variant: "tertiary",
               "aria-label": "open-user-in-browser",
+              size: "small",
+              className: classes.buttonStyle,
               onClick: () => navigateToUrl(user.html_url),
-              className: classes.userTextButtonStyle,
-              children: /* @__PURE__ */ jsx(Typography, { className: classes.containerStyle, children: user.name })
+              children: /* @__PURE__ */ jsx(Text, { className: classes.containerStyle, children: user.name })
             }
           ) }),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              className: classes.listItemSecondary,
-              color: "textSecondary",
-              children: user.email
-            }
-          )
+          /* @__PURE__ */ jsx(Text, { color: "secondary", className: classes.listItemSecondary, children: user.email })
         ] }),
         secondary: /* @__PURE__ */ jsx(
           Button,
@@ -85,7 +72,7 @@ const EscalationUser = ({ user, policyUrl, policyName }) => {
             size: "small",
             className: classes.buttonStyle,
             iconStart: /* @__PURE__ */ jsx(NotificationsIcon, { className: classes.iconStyle }),
-            children: /* @__PURE__ */ jsx(Typography, { className: classes.containerStyle, children: policyName })
+            children: /* @__PURE__ */ jsx(Text, { className: classes.containerStyle, children: policyName })
           }
         )
       }

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 {\n  ListItem,\n  ListItemIcon,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport { PagerDutyUser } from '@pagerduty/backstage-plugin-common';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport { BackstageTheme } from '@backstage/theme';\nimport { Avatar, Button } from '@backstage/ui';\n\nconst useStyles = makeStyles<BackstageTheme>(() => ({\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  listItemSecondary: {\n    fontWeight: 'normal',\n    textDecoration: 'underline',\n    marginTop: '-5px',\n    paddingLeft: '5px',\n  },\n  buttonStyle: {\n    fontSize: '15px',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n  userTextButtonStyle: {\n    fontSize: '15px',\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  },\n  avatarStyle: {\n    marginTop: '-30px',\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          name={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              <Button\n                variant=\"tertiary\"\n                aria-label=\"open-user-in-browser\"\n                onClick={() => navigateToUrl(user.html_url)}\n                className={classes.userTextButtonStyle}\n              >\n                <Typography className={classes.containerStyle}>\n                  {user.name}\n                </Typography>\n              </Button>\n            </Tooltip>\n\n            <Typography\n              className={classes.listItemSecondary}\n              color=\"textSecondary\"\n            >\n              {user.email}\n            </Typography>\n          </>\n        }\n        secondary={\n          <Button\n            aria-label=\"open-escalation-policy-in-browser\"\n            onClick={() => navigateToUrl(policyUrl)}\n            variant=\"tertiary\"\n            size=\"small\"\n            className={classes.buttonStyle}\n            iconStart={<NotificationsIcon className={classes.iconStyle} />}\n          >\n            <Typography className={classes.containerStyle}>\n              {policyName}\n            </Typography>\n          </Button>\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} from '@material-ui/core';\nimport { PagerDutyUser } from '@pagerduty/backstage-plugin-common';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport { Avatar, Button, Flex, Text } from '@backstage/ui';\n\nconst useStyles = makeStyles(_ => ({\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  listItemSecondary: {\n    fontWeight: 'normal',\n    textDecoration: 'underline',\n    marginTop: '-5px',\n    paddingLeft: '5px',\n  },\n  \n  buttonStyle: {\n    fontSize: '15px',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n  \n  containerStyle: {\n    display: 'flex',\n    alignItems: 'center',\n    fontWeight: 'bold',\n  },\n\n  iconStyle: {\n    fontSize: '25px',\n    marginLeft: '-4px',\n  },\n\n  avatarStyle: {\n    marginTop: '-30px',\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          name={user.name}\n          src={user.avatar_url}\n          className={classes.avatarStyle}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={\n          <Flex direction=\"column\" align=\"start\" gap=\"0\">\n            <Tooltip title=\"Open user in PagerDuty\" placement=\"top\">\n              <Button\n                variant=\"tertiary\"\n                aria-label=\"open-user-in-browser\"\n                size=\"small\"\n                className={classes.buttonStyle}\n                onClick={() => navigateToUrl(user.html_url)}\n              >\n                <Text className={classes.containerStyle}>{user.name}</Text>\n              </Button>\n            </Tooltip>\n\n            <Text color=\"secondary\" className={classes.listItemSecondary}>{user.email}</Text>\n          </Flex>\n        }\n        secondary={\n          <Button\n            aria-label=\"open-escalation-policy-in-browser\"\n            onClick={() => navigateToUrl(policyUrl)}\n            variant=\"tertiary\"\n            size=\"small\"\n            className={classes.buttonStyle}\n            iconStart={<NotificationsIcon className={classes.iconStyle} />}\n          >\n            <Text className={classes.containerStyle}>{policyName}</Text>\n          </Button>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Grid, Typography } from '@material-ui/core';
+import { Grid } from '@material-ui/core';
+import { Flex, Text } from '@backstage/ui';
 import EmptyStateImage from '../../assets/emptystate.svg';
 
-const IncidentsEmptyState = () => {
+const IncidentsEmptyState = ({ serviceURL }) => {
   return /* @__PURE__ */ jsxs(
     Grid,
     {
@@ -11,7 +12,10 @@ const IncidentsEmptyState = () => {
       direction: "column",
       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__ */ jsxs(Flex, { direction: "column", align: "center", children: [
+          /* @__PURE__ */ jsx(Text, { as: "h5", variant: "title-x-small", children: "Nice! No incidents have been found in the last 30 days!" }),
+          /* @__PURE__ */ jsx("a", { href: serviceURL, target: "_blank", rel: "noopener noreferrer", children: "View older open incidents" })
+        ] }) }),
         /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
           "img",
           {

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 { 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;;;;"}
+{"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 } from '@material-ui/core';\nimport { Flex, Text } from '@backstage/ui';\nimport EmptyStateImage from '../../assets/emptystate.svg';\n\nexport const IncidentsEmptyState = ({ serviceURL }: { serviceURL: string }) => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      direction=\"column\"\n      alignItems=\"center\"\n    >\n      <Grid item xs={12}>\n        <Flex direction=\"column\" align=\"center\">\n          <Text as='h5' variant=\"title-x-small\">\n            Nice! No incidents have been found in the last 30 days!\n          </Text>\n          <a href={serviceURL} target='_blank' rel='noopener noreferrer'>\n            View older open incidents\n          </a>\n        </Flex>\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,mBAAA,GAAsB,CAAC,EAAE,UAAA,EAAW,KAA8B;AAC7E,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,+BAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAA,EAAM,QAAA,EAC7B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,iBAAgB,QAAA,EAAA,yDAAA,EAEtC,CAAA;AAAA,0BACA,GAAA,CAAC,OAAE,IAAA,EAAM,UAAA,EAAY,QAAO,QAAA,EAAS,GAAA,EAAI,uBAAsB,QAAA,EAAA,2BAAA,EAE/D;AAAA,SAAA,EACF,CAAA,EACF,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/Incidents.esm.js

@@ -17,7 +17,7 @@ const useStyles = makeStyles(
     }
   })
 );
-const Incidents = ({ serviceId, account, refreshIncidents }) => {
+const Incidents = ({ serviceId, account, refreshIncidents, serviceURL }) => {
   const api = useApi(pagerDutyApiRef);
   const { loadingStyles } = useStyles();
   const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(
@@ -45,7 +45,7 @@ const Incidents = ({ serviceId, account, refreshIncidents }) => {
     return /* @__PURE__ */ jsx("div", { className: loadingStyles, children: /* @__PURE__ */ jsx(Progress, {}) });
   }
   if (!incidents?.length) {
-    return /* @__PURE__ */ jsx(IncidentsEmptyState, {});
+    return /* @__PURE__ */ jsx(IncidentsEmptyState, { serviceURL });
   }
   return /* @__PURE__ */ jsx(List, { dense: true, children: incidents.map((incident, index) => /* @__PURE__ */ jsx(IncidentListItem, { incident }, incident.id + index)) });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Incidents.esm.js","sources":["../../../src/components/Incident/Incidents.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 { useEffect } from 'react';\nimport { createStyles, List, makeStyles } from '@material-ui/core';\nimport { IncidentListItem } from './IncidentListItem';\nimport { IncidentsEmptyState } from './IncidentEmptyState';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\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 { IncidentForbiddenState } from './IncidentForbiddenState';\nimport { BackstageTheme } from '@backstage/theme';\n\ntype Props = {\n  serviceId: string;\n  account?: string;\n  refreshIncidents: boolean;\n};\n\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    loadingStyles: {\n      height: '253px',\n    },\n  }),\n);\n\nexport const Incidents = ({ serviceId, account, refreshIncidents }: Props) => {\n  const api = useApi(pagerDutyApiRef);\n  const { loadingStyles } = useStyles();\n\n  const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(\n    async () => {\n      const { incidents: foundIncidents } = await api.getIncidentsByServiceId(\n        serviceId,\n        account,\n      );\n      return foundIncidents;\n    },\n  );\n\n  useEffect(() => {\n    getIncidents();\n  }, [refreshIncidents, getIncidents]);\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return <IncidentForbiddenState />;\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 (\n      <div className={loadingStyles}>\n        <Progress />\n      </div>\n    );\n  }\n\n  if (!incidents?.length) {\n    return <IncidentsEmptyState />;\n  }\n\n  return (\n    <List dense>\n      {incidents!.map((incident, index) => (\n        <IncidentListItem key={incident.id + index} incident={incident} />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAmCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAA2B,MAC3C,YAAA,CAAa;AAAA,IACX,aAAA,EAAe;AAAA,MACb,MAAA,EAAQ;AAAA;AACV,GACD;AACH,CAAA;AAEO,MAAM,YAAY,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,kBAAiB,KAAa;AAC5E,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAClC,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,SAAA,EAAU;AAEpC,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,SAAS,KAAA,EAAM,EAAG,YAAY,CAAA,GAAI,UAAA;AAAA,IAC3D,YAAY;AACV,MAAA,MAAM,EAAE,SAAA,EAAW,cAAA,EAAe,GAAI,MAAM,GAAA,CAAI,uBAAA;AAAA,QAC9C,SAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,OAAO,cAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,gBAAA,EAAkB,YAAY,CAAC,CAAA;AAEnC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,2BAAQ,sBAAA,EAAA,EAAuB,CAAA;AAAA,IACjC;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,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EACd,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,WAAW,MAAA,EAAQ;AACtB,IAAA,2BAAQ,mBAAA,EAAA,EAAoB,CAAA;AAAA,EAC9B;AAEA,EAAA,2BACG,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EACR,QAAA,EAAA,SAAA,CAAW,IAAI,CAAC,QAAA,EAAU,KAAA,qBACzB,GAAA,CAAC,oBAA2C,QAAA,EAAA,EAArB,QAAA,CAAS,EAAA,GAAK,KAA2B,CACjE,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Incidents.esm.js","sources":["../../../src/components/Incident/Incidents.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 { useEffect } from 'react';\nimport { createStyles, List, makeStyles } from '@material-ui/core';\nimport { IncidentListItem } from './IncidentListItem';\nimport { IncidentsEmptyState } from './IncidentEmptyState';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\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 { IncidentForbiddenState } from './IncidentForbiddenState';\nimport { BackstageTheme } from '@backstage/theme';\n\ntype Props = {\n  serviceId: string;\n  account?: string;\n  refreshIncidents: boolean;\n  serviceURL: string;\n};\n\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    loadingStyles: {\n      height: '253px',\n    },\n  }),\n);\n\nexport const Incidents = ({ serviceId, account, refreshIncidents, serviceURL }: Props) => {\n  const api = useApi(pagerDutyApiRef);\n  const { loadingStyles } = useStyles();\n\n  const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(\n    async () => {\n      const { incidents: foundIncidents } = await api.getIncidentsByServiceId(\n        serviceId,\n        account,\n      );\n      return foundIncidents;\n    },\n  );\n\n  useEffect(() => {\n    getIncidents();\n  }, [refreshIncidents, getIncidents]);\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return <IncidentForbiddenState />;\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 (\n      <div className={loadingStyles}>\n        <Progress />\n      </div>\n    );\n  }\n\n  if (!incidents?.length) {\n    return <IncidentsEmptyState serviceURL={serviceURL} />;\n  }\n\n  return (\n    <List dense>\n      {incidents!.map((incident, index) => (\n        <IncidentListItem key={incident.id + index} incident={incident} />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAoCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAA2B,MAC3C,YAAA,CAAa;AAAA,IACX,aAAA,EAAe;AAAA,MACb,MAAA,EAAQ;AAAA;AACV,GACD;AACH,CAAA;AAEO,MAAM,YAAY,CAAC,EAAE,WAAW,OAAA,EAAS,gBAAA,EAAkB,YAAW,KAAa;AACxF,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAClC,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,SAAA,EAAU;AAEpC,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,SAAS,KAAA,EAAM,EAAG,YAAY,CAAA,GAAI,UAAA;AAAA,IAC3D,YAAY;AACV,MAAA,MAAM,EAAE,SAAA,EAAW,cAAA,EAAe,GAAI,MAAM,GAAA,CAAI,uBAAA;AAAA,QAC9C,SAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,OAAO,cAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,gBAAA,EAAkB,YAAY,CAAC,CAAA;AAEnC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,2BAAQ,sBAAA,EAAA,EAAuB,CAAA;AAAA,IACjC;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,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EACd,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,WAAW,MAAA,EAAQ;AACtB,IAAA,uBAAO,GAAA,CAAC,uBAAoB,UAAA,EAAwB,CAAA;AAAA,EACtD;AAEA,EAAA,2BACG,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EACR,QAAA,EAAA,SAAA,CAAW,IAAI,CAAC,QAAA,EAAU,KAAA,qBACzB,GAAA,CAAC,oBAA2C,QAAA,EAAA,EAArB,QAAA,CAAS,EAAA,GAAK,KAA2B,CACjE,CAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
-import { Typography, Divider } from '@material-ui/core';
+import { Divider } from '@material-ui/core';
 import { Incidents } from '../Incident/Incidents.esm.js';
 import { EscalationPolicy } from '../Escalation/EscalationPolicy.esm.js';
 import useAsync from 'react-use/lib/useAsync';
@@ -20,21 +20,15 @@ import ServiceStandardsCard from '../PagerDutyCardCommon/ServiceStandardsCard.es
 import StatusCard from '../PagerDutyCardCommon/StatusCard.esm.js';
 import { TriggerIncidentButton } from '../PagerDutyCardCommon/TriggerIncidentButton.esm.js';
 import { makeStyles, useTheme, createStyles } from '@material-ui/core/styles';
-import { Card, Grid, Flex, Tabs, TabList, Tab, TabPanel } from '@backstage/ui';
+import { Card, Grid, Flex, Text, Tabs, TabList, Tab, TabPanel } from '@backstage/ui';
 
 const useStyles = makeStyles(
-  (theme) => createStyles({
-    overviewHeaderTextStyle: {
-      fontSize: "14px",
-      fontWeight: 500,
-      color: theme.palette.type === "light" ? "rgba(0, 0, 0, 0.54)" : "rgba(255, 255, 255, 0.7)"
-    },
+  (_) => createStyles({
     oncallHeaderTextStyle: {
       fontSize: "14px",
       fontWeight: 500,
       marginTop: "10px",
-      marginLeft: "10px",
-      color: theme.palette.type === "light" ? "rgba(0, 0, 0, 0.54)" : "rgba(255, 255, 255, 0.7)"
+      marginLeft: "10px"
     },
     subheaderTextStyle: {
       fontSize: "10px",
@@ -136,12 +130,12 @@ const PagerDutyCard = (props) => {
       ] }) : /* @__PURE__ */ jsx(OpenServiceButton, { serviceUrl: service.url }) }) })
     ] }),
     /* @__PURE__ */ jsxs(Grid.Root, { columns: "4", gap: "1", pl: "1", pr: "1", children: [
-      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "1", children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "STATUS" }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "1", children: /* @__PURE__ */ jsx(Text, { color: "secondary", weight: "bold", children: "STATUS" }) }),
       /* @__PURE__ */ jsx(Grid.Item, { colSpan: "2", children: /* @__PURE__ */ jsxs(Flex, { children: [
-        /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "INSIGHTS" }),
-        /* @__PURE__ */ jsx(Typography, { className: classes.subheaderTextStyle, children: "(last 30 days)" })
+        /* @__PURE__ */ jsx(Text, { color: "secondary", weight: "bold", children: "INSIGHTS" }),
+        /* @__PURE__ */ jsx(Text, { color: "secondary", className: classes.subheaderTextStyle, children: "(last 30 days)" })
       ] }) }),
-      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "1", children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "STANDARDS" }) })
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "1", children: /* @__PURE__ */ jsx(Text, { color: "secondary", weight: "bold", children: "STANDARDS" }) })
     ] }),
     /* @__PURE__ */ jsxs(Grid.Root, { gap: "1", columns: "4", pl: "1", pr: "1", children: [
       /* @__PURE__ */ jsx(Grid.Item, { colSpan: "1", children: /* @__PURE__ */ jsx(
@@ -190,7 +184,10 @@ const PagerDutyCard = (props) => {
     /* @__PURE__ */ jsx(Divider, {}),
     /* @__PURE__ */ jsxs(Tabs, { children: [
       /* @__PURE__ */ jsxs(TabList, { children: [
-        /* @__PURE__ */ jsx(Tab, { id: "tab-1", children: "Incidents" }),
+        /* @__PURE__ */ jsxs(Tab, { id: "tab-1", children: [
+          "Incidents \xA0",
+          /* @__PURE__ */ jsx(Text, { variant: "body-x-small", children: "(last 30 days)" })
+        ] }),
         disableChangeEvents !== true && /* @__PURE__ */ jsx(Tab, { id: "tab-2", children: "Change Events" })
       ] }),
       /* @__PURE__ */ jsx(TabPanel, { id: "tab-1", children: /* @__PURE__ */ jsx(
@@ -198,7 +195,8 @@ const PagerDutyCard = (props) => {
         {
           serviceId: service.id,
           refreshIncidents,
-          account: service.account
+          account: service.account,
+          serviceURL: service.url
         }
       ) }),
       disableChangeEvents !== true && /* @__PURE__ */ jsx(TabPanel, { id: "tab-2", children: /* @__PURE__ */ jsx(
@@ -211,8 +209,8 @@ const PagerDutyCard = (props) => {
         }
       ) })
     ] }),
-    disableOnCall !== true && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Typography, { className: classes.oncallHeaderTextStyle, children: "ON CALL" }),
+    disableOnCall !== true && /* @__PURE__ */ jsxs(Flex, { mt: "10px", ml: "10px", direction: "column", gap: "0", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "bold", color: "secondary", children: "ON CALL" }),
       /* @__PURE__ */ jsx(
         EscalationPolicy,
         {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyCard/index.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 */\nimport { ReactNode, useCallback, useState } from 'react';\nimport { Typography, Divider } from '@material-ui/core';\nimport { Incidents } from '../Incident';\nimport { EscalationPolicy } from '../Escalation';\nimport useAsync from 'react-use/lib/useAsync';\nimport { pagerDutyApiRef, UnauthorizedError } from '../../api';\nimport { MissingTokenError, ServiceNotFoundError } from '../Errors';\nimport { ChangeEvents } from '../ChangeEvents';\nimport PDGreenImage from '../../assets/PD-Green.svg';\nimport PDWhiteImage from '../../assets/PD-White.svg';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Progress, InfoCard } from '@backstage/core-components';\nimport { PagerDutyEntity } from '../../types';\nimport { ForbiddenError } from '../Errors/ForbiddenError';\nimport {\n  InsightsCard,\n  OpenServiceButton,\n  ServiceStandardsCard,\n  StatusCard,\n  TriggerIncidentButton,\n} from '../PagerDutyCardCommon';\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport { BackstageTheme } from '@backstage/theme';\nimport { PagerDutyCardServiceResponse } from '../../api/types';\nimport { Card, Flex, Grid, Tab, TabList, TabPanel, Tabs } from '@backstage/ui';\n\nconst useStyles = makeStyles<BackstageTheme>(theme =>\n  createStyles({\n    overviewHeaderTextStyle: {\n      fontSize: '14px',\n      fontWeight: 500,\n      color:\n        theme.palette.type === 'light'\n          ? 'rgba(0, 0, 0, 0.54)'\n          : 'rgba(255, 255, 255, 0.7)',\n    },\n    oncallHeaderTextStyle: {\n      fontSize: '14px',\n      fontWeight: 500,\n      marginTop: '10px',\n      marginLeft: '10px',\n      color:\n        theme.palette.type === 'light'\n          ? 'rgba(0, 0, 0, 0.54)'\n          : 'rgba(255, 255, 255, 0.7)',\n    },\n\n    subheaderTextStyle: {\n      fontSize: '10px',\n      marginLeft: '-10px',\n      paddingTop: '3px',\n    },\n    logoContainerStyles: {\n      height: '100%',\n    },\n    cardStyles: {\n      paddingLeft: '20px',\n      paddingRight: '20px',\n    },\n  }),\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n  <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/** @public */\nexport type PagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n  disableChangeEvents?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const PagerDutyCard = (props: PagerDutyCardProps) => {\n  const classes = useStyles();\n\n  const theme = useTheme();\n  const { readOnly, disableChangeEvents, disableOnCall } = props;\n  const api = useApi(pagerDutyApiRef);\n  const [refreshIncidents, setRefreshIncidents] = useState<boolean>(false);\n  const [refreshChangeEvents, setRefreshChangeEvents] =\n    useState<boolean>(false);\n  const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshIncidents(x => !x);\n    setRefreshChangeEvents(x => !x);\n    setRefreshStatus(x => !x);\n  }, []);\n\n  const {\n    value: service,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const { service: foundService } = await api.getServiceByPagerDutyEntity(\n      props,\n    );\n\n    const serviceStandards = await api.getServiceStandardsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const serviceMetrics = await api.getServiceMetricsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const result: PagerDutyCardServiceResponse = {\n      id: foundService.id,\n      account: props.account,\n      name: foundService.name,\n      url: foundService.html_url,\n      policyId: foundService.escalation_policy.id,\n      policyLink: foundService.escalation_policy.html_url as string,\n      policyName: foundService.escalation_policy.name,\n      status: foundService.status,\n      standards:\n        serviceStandards !== undefined ? serviceStandards.standards : undefined,\n      metrics:\n        serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n    };\n\n    return result;\n  }, [props]);\n\n  if (error) {\n    let errorNode: ReactNode;\n\n    switch (error.constructor) {\n      case UnauthorizedError:\n        errorNode = <MissingTokenError />;\n        break;\n      case NotFoundError:\n        errorNode = <ServiceNotFoundError />;\n        break;\n      default:\n        errorNode = <ForbiddenError />;\n    }\n\n    return <BasicCard>{errorNode}</BasicCard>;\n  }\n\n  if (loading) {\n    return (\n      <BasicCard>\n        <Progress />\n      </BasicCard>\n    );\n  }\n\n  return (\n    <Card data-testid=\"pagerduty-card\" className={classes.cardStyles}>\n      <Grid.Root columns=\"6\">\n        <Grid.Item colSpan=\"4\">\n          <Flex\n            pl=\"20px\"\n            align=\"center\"\n            className={classes.logoContainerStyles}\n          >\n            {theme.palette.type === 'dark' ? (\n              <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"35\" />\n            ) : (\n              <img src={PDGreenImage} alt=\"PagerDuty\" height=\"35\" />\n            )}\n          </Flex>\n        </Grid.Item>\n        <Grid.Item colSpan=\"2\">\n          <Flex justify=\"end\">\n            {!readOnly && props.integrationKey ? (\n              <Flex>\n                <TriggerIncidentButton\n                  data-testid=\"trigger-incident-button\"\n                  integrationKey={props.integrationKey}\n                  entityName={props.name}\n                  handleRefresh={handleRefresh}\n                />\n                <OpenServiceButton serviceUrl={service!.url} />\n              </Flex>\n            ) : (\n              <OpenServiceButton serviceUrl={service!.url} />\n            )}\n          </Flex>\n        </Grid.Item>\n      </Grid.Root>\n      <Grid.Root columns=\"4\" gap=\"1\" pl=\"1\" pr=\"1\">\n        <Grid.Item colSpan=\"1\">\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STATUS\n          </Typography>\n        </Grid.Item>\n        <Grid.Item colSpan=\"2\">\n          <Flex>\n            <Typography className={classes.overviewHeaderTextStyle}>\n              INSIGHTS\n            </Typography>\n            <Typography className={classes.subheaderTextStyle}>\n              (last 30 days)\n            </Typography>\n          </Flex>\n        </Grid.Item>\n        <Grid.Item colSpan=\"1\">\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STANDARDS\n          </Typography>\n        </Grid.Item>\n      </Grid.Root>\n\n      <Grid.Root gap=\"1\" columns=\"4\" pl=\"1\" pr=\"1\">\n        <Grid.Item colSpan=\"1\">\n          <StatusCard\n            serviceId={service!.id}\n            account={service!.account}\n            refreshStatus={refreshStatus}\n          />\n        </Grid.Item>\n        <Grid.Item colSpan=\"2\">\n          <Grid.Root gap=\"1\" columns=\"3\" pl=\"1\" pr=\"1\">\n            <Grid.Item>\n              <InsightsCard\n                count={\n                  service?.metrics !== undefined && service.metrics.length > 0\n                    ? service?.metrics[0].total_interruptions\n                    : undefined\n                }\n                label=\"interruptions\"\n                color={theme.palette.textSubtle}\n              />\n            </Grid.Item>\n            <Grid.Item>\n              <InsightsCard\n                count={\n                  service?.metrics !== undefined && service.metrics.length > 0\n                    ? service?.metrics[0].total_high_urgency_incidents\n                    : undefined\n                }\n                label=\"high urgency\"\n                color={theme.palette.warning.main}\n              />\n            </Grid.Item>\n            <Grid.Item>\n              <InsightsCard\n                count={\n                  service?.metrics !== undefined && service?.metrics?.length > 0\n                    ? service?.metrics[0].total_incident_count\n                    : undefined\n                }\n                label=\"incidents\"\n                color={theme.palette.error.main}\n              />\n            </Grid.Item>\n          </Grid.Root>\n        </Grid.Item>\n        <Grid.Item colSpan=\"1\">\n          <ServiceStandardsCard\n            total={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.total\n                : undefined\n            }\n            completed={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.passing\n                : undefined\n            }\n            standards={\n              service?.standards !== undefined\n                ? service?.standards?.standards\n                : undefined\n            }\n          />\n        </Grid.Item>\n      </Grid.Root>\n\n      <Divider />\n\n      <Tabs>\n        <TabList>\n          <Tab id=\"tab-1\">Incidents</Tab>\n          {disableChangeEvents !== true && <Tab id=\"tab-2\">Change Events</Tab>}\n        </TabList>\n        <TabPanel id=\"tab-1\">\n          <Incidents\n            serviceId={service!.id}\n            refreshIncidents={refreshIncidents}\n            account={service!.account}\n          />\n        </TabPanel>\n        {disableChangeEvents !== true && (\n          <TabPanel id=\"tab-2\">\n            <ChangeEvents\n              data-testid=\"change-events\"\n              serviceId={service!.id}\n              refreshEvents={refreshChangeEvents}\n              account={service!.account}\n            />\n          </TabPanel>\n        )}\n      </Tabs>\n      {disableOnCall !== true && (\n        <>\n          <Typography className={classes.oncallHeaderTextStyle}>\n            ON CALL\n          </Typography>\n          <EscalationPolicy\n            data-testid=\"oncall-card\"\n            policyId={service!.policyId}\n            policyUrl={service!.policyLink}\n            policyName={service!.policyName}\n            account={service!.account}\n          />\n        </>\n      )}\n    </Card>\n  );\n};\n"],"names":["InsightsCard"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyCard/index.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 */\nimport { ReactNode, useCallback, useState } from 'react';\nimport { Divider } from '@material-ui/core';\nimport { Incidents } from '../Incident';\nimport { EscalationPolicy } from '../Escalation';\nimport useAsync from 'react-use/lib/useAsync';\nimport { pagerDutyApiRef, UnauthorizedError } from '../../api';\nimport { MissingTokenError, ServiceNotFoundError } from '../Errors';\nimport { ChangeEvents } from '../ChangeEvents';\nimport PDGreenImage from '../../assets/PD-Green.svg';\nimport PDWhiteImage from '../../assets/PD-White.svg';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Progress, InfoCard } from '@backstage/core-components';\nimport { PagerDutyEntity } from '../../types';\nimport { ForbiddenError } from '../Errors/ForbiddenError';\nimport {\n  InsightsCard,\n  OpenServiceButton,\n  ServiceStandardsCard,\n  StatusCard,\n  TriggerIncidentButton,\n} from '../PagerDutyCardCommon';\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport { PagerDutyCardServiceResponse } from '../../api/types';\nimport { Card, Flex, Grid, Tab, TabList, TabPanel, Tabs, Text } from '@backstage/ui';\n\nconst useStyles = makeStyles(_ =>\n  createStyles({\n    oncallHeaderTextStyle: {\n      fontSize: '14px',\n      fontWeight: 500,\n      marginTop: '10px',\n      marginLeft: '10px'\n    },\n\n    subheaderTextStyle: {\n      fontSize: '10px',\n      marginLeft: '-10px',\n      paddingTop: '3px',\n    },\n    \n    logoContainerStyles: {\n      height: '100%',\n    },\n    \n    cardStyles: {\n      paddingLeft: '20px',\n      paddingRight: '20px',\n    },\n  }),\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n  <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/** @public */\nexport type PagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n  disableChangeEvents?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const PagerDutyCard = (props: PagerDutyCardProps) => {\n  const classes = useStyles();\n\n  const theme = useTheme();\n  const { readOnly, disableChangeEvents, disableOnCall } = props;\n  const api = useApi(pagerDutyApiRef);\n  const [refreshIncidents, setRefreshIncidents] = useState<boolean>(false);\n  const [refreshChangeEvents, setRefreshChangeEvents] =\n    useState<boolean>(false);\n  const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshIncidents(x => !x);\n    setRefreshChangeEvents(x => !x);\n    setRefreshStatus(x => !x);\n  }, []);\n\n  const {\n    value: service,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const { service: foundService } = await api.getServiceByPagerDutyEntity(\n      props,\n    );\n\n    const serviceStandards = await api.getServiceStandardsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const serviceMetrics = await api.getServiceMetricsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const result: PagerDutyCardServiceResponse = {\n      id: foundService.id,\n      account: props.account,\n      name: foundService.name,\n      url: foundService.html_url,\n      policyId: foundService.escalation_policy.id,\n      policyLink: foundService.escalation_policy.html_url as string,\n      policyName: foundService.escalation_policy.name,\n      status: foundService.status,\n      standards:\n        serviceStandards !== undefined ? serviceStandards.standards : undefined,\n      metrics:\n        serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n    };\n\n    return result;\n  }, [props]);\n\n  if (error) {\n    let errorNode: ReactNode;\n\n    switch (error.constructor) {\n      case UnauthorizedError:\n        errorNode = <MissingTokenError />;\n        break;\n      case NotFoundError:\n        errorNode = <ServiceNotFoundError />;\n        break;\n      default:\n        errorNode = <ForbiddenError />;\n    }\n\n    return <BasicCard>{errorNode}</BasicCard>;\n  }\n\n  if (loading) {\n    return (\n      <BasicCard>\n        <Progress />\n      </BasicCard>\n    );\n  }\n\n  return (\n    <Card data-testid=\"pagerduty-card\" className={classes.cardStyles}>\n      <Grid.Root columns=\"6\">\n        <Grid.Item colSpan=\"4\">\n          <Flex\n            pl=\"20px\"\n            align=\"center\"\n            className={classes.logoContainerStyles}\n          >\n            {theme.palette.type === 'dark' ? (\n              <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"35\" />\n            ) : (\n              <img src={PDGreenImage} alt=\"PagerDuty\" height=\"35\" />\n            )}\n          </Flex>\n        </Grid.Item>\n        <Grid.Item colSpan=\"2\">\n          <Flex justify=\"end\">\n            {!readOnly && props.integrationKey ? (\n              <Flex>\n                <TriggerIncidentButton\n                  data-testid=\"trigger-incident-button\"\n                  integrationKey={props.integrationKey}\n                  entityName={props.name}\n                  handleRefresh={handleRefresh}\n                />\n                <OpenServiceButton serviceUrl={service!.url} />\n              </Flex>\n            ) : (\n              <OpenServiceButton serviceUrl={service!.url} />\n            )}\n          </Flex>\n        </Grid.Item>\n      </Grid.Root>\n      <Grid.Root columns=\"4\" gap=\"1\" pl=\"1\" pr=\"1\">\n        <Grid.Item colSpan=\"1\">\n          <Text color=\"secondary\" weight=\"bold\">STATUS</Text>\n        </Grid.Item>\n\n        <Grid.Item colSpan=\"2\">\n          <Flex>\n            <Text color=\"secondary\" weight=\"bold\">INSIGHTS</Text>\n            <Text color=\"secondary\" className={classes.subheaderTextStyle}>(last 30 days)</Text>\n          </Flex>\n        </Grid.Item>\n\n        <Grid.Item colSpan=\"1\">\n          <Text color=\"secondary\" weight=\"bold\">STANDARDS</Text>\n        </Grid.Item>\n      </Grid.Root>\n\n      <Grid.Root gap=\"1\" columns=\"4\" pl=\"1\" pr=\"1\">\n        <Grid.Item colSpan=\"1\">\n          <StatusCard\n            serviceId={service!.id}\n            account={service!.account}\n            refreshStatus={refreshStatus}\n          />\n        </Grid.Item>\n        <Grid.Item colSpan=\"2\">\n          <Grid.Root gap=\"1\" columns=\"3\" pl=\"1\" pr=\"1\">\n            <Grid.Item>\n              <InsightsCard\n                count={\n                  service?.metrics !== undefined && service.metrics.length > 0\n                    ? service?.metrics[0].total_interruptions\n                    : undefined\n                }\n                label=\"interruptions\"\n                color={theme.palette.textSubtle}\n              />\n            </Grid.Item>\n            <Grid.Item>\n              <InsightsCard\n                count={\n                  service?.metrics !== undefined && service.metrics.length > 0\n                    ? service?.metrics[0].total_high_urgency_incidents\n                    : undefined\n                }\n                label=\"high urgency\"\n                color={theme.palette.warning.main}\n              />\n            </Grid.Item>\n            <Grid.Item>\n              <InsightsCard\n                count={\n                  service?.metrics !== undefined && service?.metrics?.length > 0\n                    ? service?.metrics[0].total_incident_count\n                    : undefined\n                }\n                label=\"incidents\"\n                color={theme.palette.error.main}\n              />\n            </Grid.Item>\n          </Grid.Root>\n        </Grid.Item>\n        <Grid.Item colSpan=\"1\">\n          <ServiceStandardsCard\n            total={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.total\n                : undefined\n            }\n            completed={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.passing\n                : undefined\n            }\n            standards={\n              service?.standards !== undefined\n                ? service?.standards?.standards\n                : undefined\n            }\n          />\n        </Grid.Item>\n      </Grid.Root>\n\n      <Divider />\n\n      <Tabs>\n        <TabList>\n          <Tab id=\"tab-1\">\n            Incidents\n            &nbsp;\n            <Text variant=\"body-x-small\">(last 30 days)</Text>\n          </Tab>\n          {disableChangeEvents !== true && <Tab id=\"tab-2\">Change Events</Tab>}\n        </TabList>\n        <TabPanel id=\"tab-1\">\n          <Incidents\n            serviceId={service!.id}\n            refreshIncidents={refreshIncidents}\n            account={service!.account}\n            serviceURL={service!.url}\n          />\n        </TabPanel>\n        {disableChangeEvents !== true && (\n          <TabPanel id=\"tab-2\">\n            <ChangeEvents\n              data-testid=\"change-events\"\n              serviceId={service!.id}\n              refreshEvents={refreshChangeEvents}\n              account={service!.account}\n            />\n          </TabPanel>\n        )}\n      </Tabs>\n      {disableOnCall !== true && (\n        <Flex mt=\"10px\" ml=\"10px\" direction=\"column\" gap=\"0\">\n          <Text weight=\"bold\" color=\"secondary\">ON CALL</Text>\n\n          <EscalationPolicy\n            data-testid=\"oncall-card\"\n            policyId={service!.policyId}\n            policyUrl={service!.policyLink}\n            policyName={service!.policyName}\n            account={service!.account}\n          />\n        </Flex>\n      )}\n    </Card>\n  );\n};\n"],"names":["InsightsCard"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
-import { CardHeader, Typography, Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';
-import { Card, Flex, Grid } from '@backstage/ui';
+import { CardHeader, Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';
+import { Card, Flex, Grid, Text } from '@backstage/ui';
 import useAsync from 'react-use/lib/useAsync';
 import { pagerDutyApiRef, UnauthorizedError } from '../../api/client.esm.js';
 import { MissingTokenError } from '../Errors/MissingTokenError.esm.js';
@@ -22,12 +22,7 @@ import { EscalationPolicy } from '../Escalation/EscalationPolicy.esm.js';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 
 const useStyles = makeStyles(
-  (theme) => createStyles({
-    overviewHeaderTextStyle: {
-      fontSize: "14px",
-      fontWeight: 500,
-      color: theme.palette.type === "light" ? "rgba(0, 0, 0, 0.54)" : "rgba(255, 255, 255, 0.7)"
-    },
+  (_) => createStyles({
     subheaderTextStyle: {
       fontSize: "10px",
       paddingLeft: "5px",
@@ -123,8 +118,8 @@ const PagerDutySmallCard = (props) => {
       }
     ),
     /* @__PURE__ */ jsxs(Grid.Root, { columns: "2", gap: "1", pl: "1", pr: "1", children: [
-      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "STATUS" }) }),
-      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "STANDARDS" }) })
+      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Text, { weight: "bold", color: "secondary", children: "STATUS" }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Text, { weight: "bold", color: "secondary", children: "STANDARDS" }) })
     ] }),
     /* @__PURE__ */ jsxs(Grid.Root, { columns: "2", gap: "1", pl: "1", pr: "1", children: [
       /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
@@ -154,8 +149,8 @@ const PagerDutySmallCard = (props) => {
           "aria-controls": "panel1a-content",
           id: "panel1a-header",
           children: [
-            /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "INSIGHTS" }),
-            /* @__PURE__ */ jsx(Typography, { className: classes.subheaderTextStyle, children: "(last 30 days)" })
+            /* @__PURE__ */ jsx(Text, { weight: "bold", color: "secondary", children: "INSIGHTS" }),
+            /* @__PURE__ */ jsx(Text, { weight: "bold", color: "secondary", className: classes.subheaderTextStyle, children: "(last 30 days)" })
           ]
         }
       ),
@@ -206,7 +201,7 @@ const PagerDutySmallCard = (props) => {
           expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
           "aria-controls": "panel1a-content",
           id: "panel1a-header",
-          children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "ON CALL" })
+          children: /* @__PURE__ */ jsx(Text, { weight: "bold", color: "secondary", children: "ON CALL" })
         }
       ),
       /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutySmallCard/index.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 { ReactNode, useCallback, useState } from 'react';\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  CardHeader,\n  Typography,\n} from '@material-ui/core';\nimport { Card, Flex, Grid } from '@backstage/ui';\nimport useAsync from 'react-use/lib/useAsync';\nimport { pagerDutyApiRef, UnauthorizedError } from '../../api';\nimport { MissingTokenError, ServiceNotFoundError } from '../Errors';\nimport PDGreenImage from '../../assets/PD-Green.svg';\nimport PDWhiteImage from '../../assets/PD-White.svg';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Progress, InfoCard } from '@backstage/core-components';\nimport { PagerDutyEntity } from '../../types';\nimport { ForbiddenError } from '../Errors/ForbiddenError';\nimport {\n  InsightsCard,\n  OpenServiceButton,\n  ServiceStandardsCard,\n  StatusCard,\n  TriggerIncidentButton,\n} from '../PagerDutyCardCommon';\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport { BackstageTheme } from '@backstage/theme';\nimport { PagerDutyCardServiceResponse } from '../../api/types';\nimport { EscalationPolicy } from '../Escalation';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nconst useStyles = makeStyles<BackstageTheme>(theme =>\n  createStyles({\n    overviewHeaderTextStyle: {\n      fontSize: '14px',\n      fontWeight: 500,\n      color:\n        theme.palette.type === 'light'\n          ? 'rgba(0, 0, 0, 0.54)'\n          : 'rgba(255, 255, 255, 0.7)',\n    },\n    subheaderTextStyle: {\n      fontSize: '10px',\n      paddingLeft: '5px',\n      paddingTop: '3px',\n    },\n    accordionStyle: {\n      background: 'transparent',\n    },\n    gridRootStyle: {\n      width: '100%',\n    },\n    cardStyles: {\n      paddingLeft: '10px',\n      paddingRight: '10px',\n    },\n  }),\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n  <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/** @public */\nexport type PagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n  disableInsights?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const PagerDutySmallCard = (props: PagerDutyCardProps) => {\n  const classes = useStyles();\n\n  const theme = useTheme();\n  const { readOnly, disableInsights, disableOnCall } = props;\n  const api = useApi(pagerDutyApiRef);\n  const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshStatus(x => !x);\n  }, []);\n\n  const {\n    value: service,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const { service: foundService } = await api.getServiceByPagerDutyEntity(\n      props,\n    );\n\n    const serviceStandards = await api.getServiceStandardsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const serviceMetrics = await api.getServiceMetricsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const result: PagerDutyCardServiceResponse = {\n      id: foundService.id,\n      name: foundService.name,\n      account: props.account,\n      url: foundService.html_url,\n      policyId: foundService.escalation_policy.id,\n      policyLink: foundService.escalation_policy.html_url as string,\n      policyName: foundService.escalation_policy.name,\n      status: foundService.status,\n      standards:\n        serviceStandards !== undefined ? serviceStandards.standards : undefined,\n      metrics:\n        serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n    };\n\n    return result;\n  }, [props]);\n\n  if (error) {\n    let errorNode: ReactNode;\n\n    switch (error.constructor) {\n      case UnauthorizedError:\n        errorNode = <MissingTokenError />;\n        break;\n      case NotFoundError:\n        errorNode = <ServiceNotFoundError />;\n        break;\n      default:\n        errorNode = <ForbiddenError />;\n    }\n\n    return <BasicCard>{errorNode}</BasicCard>;\n  }\n\n  if (loading) {\n    return (\n      <BasicCard>\n        <Progress />\n      </BasicCard>\n    );\n  }\n\n  return (\n    <Card data-testid=\"pagerduty-card\" className={classes.cardStyles}>\n      <CardHeader\n        title={\n          theme.palette.type === 'dark' ? (\n            <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"25\" />\n          ) : (\n            <img src={PDGreenImage} alt=\"PagerDuty\" height=\"25\" />\n          )\n        }\n        action={\n          !readOnly && props.integrationKey ? (\n            <Flex>\n              <TriggerIncidentButton\n                compact\n                data-testid=\"trigger-incident-button\"\n                integrationKey={props.integrationKey}\n                entityName={props.name}\n                handleRefresh={handleRefresh}\n              />\n              <OpenServiceButton compact serviceUrl={service!.url} />\n            </Flex>\n          ) : (\n            <OpenServiceButton compact serviceUrl={service!.url} />\n          )\n        }\n      />\n\n      <Grid.Root columns=\"2\" gap=\"1\" pl=\"1\" pr=\"1\">\n        <Grid.Item>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STATUS\n          </Typography>\n        </Grid.Item>\n        <Grid.Item>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STANDARDS\n          </Typography>\n        </Grid.Item>\n      </Grid.Root>\n\n      <Grid.Root columns=\"2\" gap=\"1\" pl=\"1\" pr=\"1\">\n        <Grid.Item>\n          <StatusCard\n            compact\n            serviceId={service!.id}\n            refreshStatus={refreshStatus}\n            account={service!.account}\n          />\n        </Grid.Item>\n        <Grid.Item>\n          <ServiceStandardsCard\n            compact\n            total={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.total\n                : undefined\n            }\n            completed={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.passing\n                : undefined\n            }\n            standards={\n              service?.standards !== undefined\n                ? service?.standards?.standards\n                : undefined\n            }\n          />\n        </Grid.Item>\n      </Grid.Root>\n\n      {disableInsights !== true ? (\n        <Accordion className={classes.accordionStyle}>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <Typography className={classes.overviewHeaderTextStyle}>\n              INSIGHTS\n            </Typography>\n            <Typography className={classes.subheaderTextStyle}>\n              (last 30 days)\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Grid.Root\n              columns=\"3\"\n              gap=\"1\"\n              pl=\"1\"\n              pr=\"1\"\n              className={classes.gridRootStyle}\n            >\n              <Grid.Item>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_interruptions\n                      : undefined\n                  }\n                  label=\"interruptions\"\n                  color={theme.palette.textSubtle}\n                />\n              </Grid.Item>\n              <Grid.Item>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_high_urgency_incidents\n                      : undefined\n                  }\n                  label=\"high urgency\"\n                  color={theme.palette.warning.main}\n                />\n              </Grid.Item>\n              <Grid.Item>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined &&\n                    service?.metrics?.length > 0\n                      ? service?.metrics[0].total_incident_count\n                      : undefined\n                  }\n                  label=\"incidents\"\n                  color={theme.palette.error.main}\n                />\n              </Grid.Item>\n            </Grid.Root>\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n\n      {disableOnCall !== true ? (\n        <Accordion className={classes.accordionStyle}>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <Typography className={classes.overviewHeaderTextStyle}>\n              ON CALL\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <EscalationPolicy\n              data-testid=\"oncall-card\"\n              policyId={service!.policyId}\n              policyUrl={service!.policyLink}\n              policyName={service!.policyName}\n              account={service!.account}\n            />\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n    </Card>\n  );\n};\n"],"names":["InsightsCard"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutySmallCard/index.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 { ReactNode, useCallback, useState } from 'react';\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  CardHeader\n} from '@material-ui/core';\nimport { Card, Flex, Grid, Text } from '@backstage/ui';\nimport useAsync from 'react-use/lib/useAsync';\nimport { pagerDutyApiRef, UnauthorizedError } from '../../api';\nimport { MissingTokenError, ServiceNotFoundError } from '../Errors';\nimport PDGreenImage from '../../assets/PD-Green.svg';\nimport PDWhiteImage from '../../assets/PD-White.svg';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Progress, InfoCard } from '@backstage/core-components';\nimport { PagerDutyEntity } from '../../types';\nimport { ForbiddenError } from '../Errors/ForbiddenError';\nimport {\n  InsightsCard,\n  OpenServiceButton,\n  ServiceStandardsCard,\n  StatusCard,\n  TriggerIncidentButton,\n} from '../PagerDutyCardCommon';\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport { BackstageTheme } from '@backstage/theme';\nimport { PagerDutyCardServiceResponse } from '../../api/types';\nimport { EscalationPolicy } from '../Escalation';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nconst useStyles = makeStyles<BackstageTheme>(_ =>\n  createStyles({\n    subheaderTextStyle: {\n      fontSize: '10px',\n      paddingLeft: '5px',\n      paddingTop: '3px',\n    },\n\n    accordionStyle: {\n      background: 'transparent',\n    },\n\n    gridRootStyle: {\n      width: '100%',\n    },\n\n    cardStyles: {\n      paddingLeft: '10px',\n      paddingRight: '10px',\n    },\n  }),\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n  <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/** @public */\nexport type PagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n  disableInsights?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const PagerDutySmallCard = (props: PagerDutyCardProps) => {\n  const classes = useStyles();\n\n  const theme = useTheme();\n  const { readOnly, disableInsights, disableOnCall } = props;\n  const api = useApi(pagerDutyApiRef);\n  const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshStatus(x => !x);\n  }, []);\n\n  const {\n    value: service,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const { service: foundService } = await api.getServiceByPagerDutyEntity(\n      props,\n    );\n\n    const serviceStandards = await api.getServiceStandardsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const serviceMetrics = await api.getServiceMetricsByServiceId(\n      foundService.id,\n      props.account,\n    );\n\n    const result: PagerDutyCardServiceResponse = {\n      id: foundService.id,\n      name: foundService.name,\n      account: props.account,\n      url: foundService.html_url,\n      policyId: foundService.escalation_policy.id,\n      policyLink: foundService.escalation_policy.html_url as string,\n      policyName: foundService.escalation_policy.name,\n      status: foundService.status,\n      standards:\n        serviceStandards !== undefined ? serviceStandards.standards : undefined,\n      metrics:\n        serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n    };\n\n    return result;\n  }, [props]);\n\n  if (error) {\n    let errorNode: ReactNode;\n\n    switch (error.constructor) {\n      case UnauthorizedError:\n        errorNode = <MissingTokenError />;\n        break;\n      case NotFoundError:\n        errorNode = <ServiceNotFoundError />;\n        break;\n      default:\n        errorNode = <ForbiddenError />;\n    }\n\n    return <BasicCard>{errorNode}</BasicCard>;\n  }\n\n  if (loading) {\n    return (\n      <BasicCard>\n        <Progress />\n      </BasicCard>\n    );\n  }\n\n  return (\n    <Card data-testid=\"pagerduty-card\" className={classes.cardStyles}>\n      <CardHeader\n        title={\n          theme.palette.type === 'dark' ? (\n            <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"25\" />\n          ) : (\n            <img src={PDGreenImage} alt=\"PagerDuty\" height=\"25\" />\n          )\n        }\n        action={\n          !readOnly && props.integrationKey ? (\n            <Flex>\n              <TriggerIncidentButton\n                compact\n                data-testid=\"trigger-incident-button\"\n                integrationKey={props.integrationKey}\n                entityName={props.name}\n                handleRefresh={handleRefresh}\n              />\n              <OpenServiceButton compact serviceUrl={service!.url} />\n            </Flex>\n          ) : (\n            <OpenServiceButton compact serviceUrl={service!.url} />\n          )\n        }\n      />\n\n      <Grid.Root columns=\"2\" gap=\"1\" pl=\"1\" pr=\"1\">\n        <Grid.Item>\n          <Text weight=\"bold\" color=\"secondary\">STATUS</Text>\n        </Grid.Item>\n\n        <Grid.Item>\n          <Text weight=\"bold\" color=\"secondary\">STANDARDS</Text>\n        </Grid.Item>\n      </Grid.Root>\n\n      <Grid.Root columns=\"2\" gap=\"1\" pl=\"1\" pr=\"1\">\n        <Grid.Item>\n          <StatusCard\n            compact\n            serviceId={service!.id}\n            refreshStatus={refreshStatus}\n            account={service!.account}\n          />\n        </Grid.Item>\n        <Grid.Item>\n          <ServiceStandardsCard\n            compact\n            total={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.total\n                : undefined\n            }\n            completed={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.passing\n                : undefined\n            }\n            standards={\n              service?.standards !== undefined\n                ? service?.standards?.standards\n                : undefined\n            }\n          />\n        </Grid.Item>\n      </Grid.Root>\n\n      {disableInsights !== true ? (\n        <Accordion className={classes.accordionStyle}>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <Text weight=\"bold\" color=\"secondary\">INSIGHTS</Text>\n            <Text weight=\"bold\" color=\"secondary\" className={classes.subheaderTextStyle}>(last 30 days)</Text>\n          </AccordionSummary>\n\n          <AccordionDetails>\n            <Grid.Root\n              columns=\"3\"\n              gap=\"1\"\n              pl=\"1\"\n              pr=\"1\"\n              className={classes.gridRootStyle}\n            >\n              <Grid.Item>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_interruptions\n                      : undefined\n                  }\n                  label=\"interruptions\"\n                  color={theme.palette.textSubtle}\n                />\n              </Grid.Item>\n              <Grid.Item>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_high_urgency_incidents\n                      : undefined\n                  }\n                  label=\"high urgency\"\n                  color={theme.palette.warning.main}\n                />\n              </Grid.Item>\n              <Grid.Item>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined &&\n                    service?.metrics?.length > 0\n                      ? service?.metrics[0].total_incident_count\n                      : undefined\n                  }\n                  label=\"incidents\"\n                  color={theme.palette.error.main}\n                />\n              </Grid.Item>\n            </Grid.Root>\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n\n      {disableOnCall !== true ? (\n        <Accordion className={classes.accordionStyle}>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <Text weight=\"bold\" color=\"secondary\">ON CALL</Text>\n          </AccordionSummary>\n\n          <AccordionDetails>\n            <EscalationPolicy\n              data-testid=\"oncall-card\"\n              policyId={service!.policyId}\n              policyUrl={service!.policyLink}\n              policyName={service!.policyName}\n              account={service!.account}\n            />\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n    </Card>\n  );\n};\n"],"names":["InsightsCard"],"mappings":"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"}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, FetchApi, ConfigApi } from '@backstage/core-plugin-api';
 import { ReactNode } from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 import { PagerDutySetting, PagerDutyEntityMappingsResponse, PagerDutyServiceResponse, PagerDutyIncidentsResponse, PagerDutyChangeEventsResponse, PagerDutyServiceStandardsResponse, PagerDutyServiceMetricsResponse, PagerDutyUser } from '@pagerduty/backstage-plugin-common';
 
 /** @public */
@@ -144,7 +145,7 @@ type PagerDutyClientApiConfig = PagerDutyClientApiDependencies & {
 declare class UnauthorizedError extends Error {
 }
 /** @public */
-declare const pagerDutyApiRef: _backstage_core_plugin_api.ApiRef<PagerDutyApi>;
+declare const pagerDutyApiRef: _backstage_frontend_plugin_api.ApiRef<PagerDutyApi>;
 /** @public */
 declare class PagerDutyClient implements PagerDutyApi {
     private readonly config;

package/dist/package.json.esm.js

@@ -1,6 +1,6 @@
 var name = "@pagerduty/backstage-plugin";
 var description = "A Backstage plugin that integrates towards PagerDuty";
-var version = "0.16.3";
+var version = "0.17.0";
 var main = "dist/index.esm.js";
 var types = "dist/index.d.ts";
 var license = "Apache-2.0";
@@ -16,11 +16,11 @@ var backstage = {
 		"@pagerduty/backstage-plugin-backend"
 	]
 };
-var homepage = "https://github.com/pagerduty/backstage-plugin";
+var homepage = "https://pagerduty.github.io/backstage-plugin-docs/index.html";
 var repository = {
 	type: "git",
-	url: "https://github.com/pagerduty/backstage-plugin.git",
-	directory: "."
+	url: "https://github.com/PagerDuty/backstage-plugins",
+	directory: "plugins/backstage-plugin"
 };
 var keywords = [
 	"backstage",
@@ -39,18 +39,17 @@ var scripts = {
 	clean: "backstage-cli package clean"
 };
 var dependencies = {
-	"@backstage/catalog-client": "^1.12.0",
-	"@backstage/catalog-model": "^1.7.5",
-	"@backstage/core-compat-api": "^0.5.2",
-	"@backstage/core-components": "^0.18.0",
-	"@backstage/core-plugin-api": "^1.11.0",
-	"@backstage/errors": "^1.2.7",
-	"@backstage/frontend-plugin-api": "^0.12.0",
-	"@backstage/plugin-catalog": "^1.31.3",
-	"@backstage/plugin-catalog-react": "^1.21.0",
-	"@backstage/plugin-home-react": "^0.1.30",
-	"@backstage/theme": "^0.5.6",
-	"@backstage/ui": "^0.8.2",
+	"@backstage/catalog-model": "backstage:^",
+	"@backstage/core-compat-api": "backstage:^",
+	"@backstage/core-components": "backstage:^",
+	"@backstage/core-plugin-api": "backstage:^",
+	"@backstage/errors": "backstage:^",
+	"@backstage/frontend-plugin-api": "backstage:^",
+	"@backstage/plugin-catalog": "backstage:^",
+	"@backstage/plugin-catalog-react": "backstage:^",
+	"@backstage/plugin-home-react": "backstage:^",
+	"@backstage/theme": "backstage:^",
+	"@backstage/ui": "backstage:^",
 	"@emotion/react": "^11.11.4",
 	"@emotion/styled": "^11.11.5",
 	"@material-ui/core": "^4.12.2",
@@ -61,11 +60,9 @@ var dependencies = {
 	"@mui/x-date-pickers": "^7.6.1",
 	"@pagerduty/backstage-plugin-common": "workspace:~",
 	"@tanstack/react-query": "^5.40.1",
-	classnames: "^2.2.6",
 	luxon: "^3.4.1",
 	"material-react-table": "^2.13.0",
 	"react-use": "^17.2.4",
-	uuid: "^10.0.0",
 	"validate-color": "^2.2.4"
 };
 var peerDependencies = {
@@ -74,14 +71,14 @@ var peerDependencies = {
 	"react-router-dom": "^6.3.0"
 };
 var devDependencies = {
-	"@backstage/cli": "^0.34.3",
-	"@backstage/core-app-api": "^1.19.0",
-	"@backstage/dev-utils": "^1.1.14",
-	"@backstage/frontend-defaults": "^0.3.1",
-	"@backstage/test-utils": "^1.7.11",
+	"@backstage/cli": "backstage:^",
+	"@backstage/core-app-api": "backstage:^",
+	"@backstage/frontend-defaults": "backstage:^",
+	"@backstage/test-utils": "backstage:^",
 	"@testing-library/jest-dom": "^6.6.3",
 	"@types/copyfiles": "^2",
-	copyfiles: "^2.4.1"
+	copyfiles: "^2.4.1",
+	uuid: "^10.0.0"
 };
 var files = [
 	"dist/**/*",

package/dist/package.json.esm.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagerduty/backstage-plugin",
   "description": "A Backstage plugin that integrates towards PagerDuty",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -20,11 +20,11 @@
       "./alpha": "@backstage/FrontendPlugin"
     }
   },
-  "homepage": "https://github.com/pagerduty/backstage-plugin",
+  "homepage": "https://pagerduty.github.io/backstage-plugin-docs/index.html",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pagerduty/backstage-plugin.git",
-    "directory": "."
+    "url": "https://github.com/PagerDuty/backstage-plugins",
+    "directory": "plugins/backstage-plugin"
   },
   "keywords": [
     "backstage",
@@ -43,18 +43,17 @@
     "clean": "backstage-cli package clean"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.12.0",
-    "@backstage/catalog-model": "^1.7.5",
-    "@backstage/core-compat-api": "^0.5.2",
-    "@backstage/core-components": "^0.18.0",
-    "@backstage/core-plugin-api": "^1.11.0",
-    "@backstage/errors": "^1.2.7",
-    "@backstage/frontend-plugin-api": "^0.12.0",
-    "@backstage/plugin-catalog": "^1.31.3",
-    "@backstage/plugin-catalog-react": "^1.21.0",
-    "@backstage/plugin-home-react": "^0.1.30",
-    "@backstage/theme": "^0.5.6",
-    "@backstage/ui": "^0.8.2",
+    "@backstage/catalog-model": "backstage:^",
+    "@backstage/core-compat-api": "backstage:^",
+    "@backstage/core-components": "backstage:^",
+    "@backstage/core-plugin-api": "backstage:^",
+    "@backstage/errors": "backstage:^",
+    "@backstage/frontend-plugin-api": "backstage:^",
+    "@backstage/plugin-catalog": "backstage:^",
+    "@backstage/plugin-catalog-react": "backstage:^",
+    "@backstage/plugin-home-react": "backstage:^",
+    "@backstage/theme": "backstage:^",
+    "@backstage/ui": "backstage:^",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@material-ui/core": "^4.12.2",
@@ -63,13 +62,11 @@
     "@mui/icons-material": "^5.15.19",
     "@mui/material": "^5.15.19",
     "@mui/x-date-pickers": "^7.6.1",
-    "@pagerduty/backstage-plugin-common": "~0.2.3",
+    "@pagerduty/backstage-plugin-common": "~0.2.4",
     "@tanstack/react-query": "^5.40.1",
-    "classnames": "^2.2.6",
     "luxon": "^3.4.1",
     "material-react-table": "^2.13.0",
     "react-use": "^17.2.4",
-    "uuid": "^10.0.0",
     "validate-color": "^2.2.4"
   },
   "peerDependencies": {
@@ -78,14 +75,14 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.34.3",
-    "@backstage/core-app-api": "^1.19.0",
-    "@backstage/dev-utils": "^1.1.14",
-    "@backstage/frontend-defaults": "^0.3.1",
-    "@backstage/test-utils": "^1.7.11",
+    "@backstage/cli": "backstage:^",
+    "@backstage/core-app-api": "backstage:^",
+    "@backstage/frontend-defaults": "backstage:^",
+    "@backstage/test-utils": "backstage:^",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/copyfiles": "^2",
-    "copyfiles": "^2.4.1"
+    "copyfiles": "^2.4.1",
+    "uuid": "^10.0.0"
   },
   "files": [
     "dist/**/*",