@pagerduty/backstage-plugin 0.15.9 → 0.15.10-next.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  Card,\n  FormControlLabel,\n  Grid,\n  Radio,\n  RadioGroup,\n  Typography,\n} from '@material-ui/core';\nimport {\n  Header,\n  Page,\n  Content,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport { ServiceMappingComponent } from './ServiceMappingComponent';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { pagerDutyApiRef } from '../../api';\nimport { NotFoundError } from '@backstage/errors';\n\nconst SERVICE_DEPENDENCY_SYNC_STRATEGY =\n  'settings::service-dependency-sync-strategy';\n\n/** @public */\nexport const PagerDutyPage = () => {\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const [\n    selectedServiceDependencyStrategy,\n    setSelectedServiceDependencyStrategy,\n  ] = useState('disabled');\n\n  useEffect(() => {\n    function fetchSetting() {\n      pagerDutyApi\n        .getSetting(SERVICE_DEPENDENCY_SYNC_STRATEGY)\n        .then(result => {\n          if (result !== undefined) {\n            setSelectedServiceDependencyStrategy(result.value);\n          }\n        })\n        .catch(error => {\n          if (error instanceof NotFoundError) {\n            // If the setting is not found, set the default value to \"disabled\"\n            setSelectedServiceDependencyStrategy('disabled');\n          }\n        });\n    }\n\n    fetchSetting();\n  }, [pagerDutyApi]);\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const value = getSelectedValue((event.target as HTMLInputElement).value);\n\n    setSelectedServiceDependencyStrategy(value);\n\n    pagerDutyApi.storeSettings([\n      {\n        id: SERVICE_DEPENDENCY_SYNC_STRATEGY,\n        value,\n      },\n    ]);\n  };\n\n  function getSelectedValue(\n    value: string,\n  ): 'backstage' | 'pagerduty' | 'both' | 'disabled' {\n    switch (value) {\n      case 'backstage':\n        return 'backstage';\n      case 'pagerduty':\n        return 'pagerduty';\n      case 'both':\n        return 'both';\n      default:\n        return 'disabled';\n    }\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title=\"PagerDuty\" subtitle=\"Advanced configurations\" />\n      <Content>\n        <TabbedLayout>\n          <TabbedLayout.Route path=\"/service-mapping\" title=\"Service Mapping\">\n            <Grid container spacing={3} direction=\"column\">\n              <Grid item>\n                {/* <Typography variant=\"h4\">Service to Entity mapping</Typography> */}\n                <Typography variant=\"body1\">\n                  Easily map your existing PagerDuty services to entities in\n                  Backstage without the need to add anotations to all your\n                  projects.\n                </Typography>\n                <Typography variant=\"body1\">\n                  <b>Warning: </b>Only 1:1 mapping is allowed at this time.\n                </Typography>\n              </Grid>\n              <Grid item>\n                <ServiceMappingComponent />\n              </Grid>\n            </Grid>\n          </TabbedLayout.Route>\n          <TabbedLayout.Route path=\"/settings\" title=\"Configuration\">\n            <Grid container spacing={3} direction=\"column\">\n              <Grid item>\n                <Typography variant=\"h4\">Plugin configuration</Typography>\n                <Typography variant=\"body1\">\n                  Configure your PagerDuty plugin configuration here\n                </Typography>\n              </Grid>\n              <Card\n                title=\"Service dependency synchronization preferences\"\n                style={{ padding: '10px', paddingLeft: '15px', width: '50%' }}\n              >\n                <>\n                  <Typography variant=\"h6\">\n                    Service dependency synchronization strategy\n                  </Typography>\n                  <Typography variant=\"body1\">\n                    Select the main source of truth for your service\n                    dependencies\n                  </Typography>\n                  <RadioGroup\n                    value={selectedServiceDependencyStrategy}\n                    onChange={handleChange}\n                  >\n                    <FormControlLabel\n                      value=\"backstage\"\n                      control={<Radio />}\n                      label=\"Backstage\"\n                    />\n                    <FormControlLabel\n                      value=\"pagerduty\"\n                      control={<Radio />}\n                      label=\"PagerDuty\"\n                    />\n                    <FormControlLabel\n                      value=\"both\"\n                      control={<Radio />}\n                      label=\"Both\"\n                    />\n                    <FormControlLabel\n                      value=\"disabled\"\n                      control={<Radio />}\n                      label=\"Disabled\"\n                    />\n                  </RadioGroup>\n                </>\n\n                <br />\n                <br />\n                <Typography variant=\"body1\">\n                  <b>Warning: </b>Changing this setting will affect how your\n                  service dependencies are synchronized and may cause data loss.\n                  Check the{' '}\n                  <a\n                    style={{ color: 'cadetblue' }}\n                    href=\"https://pagerduty.github.io/backstage-plugin-docs/index.html\"\n                  >\n                    {' '}\n                    documentation{' '}\n                  </a>{' '}\n                  for more information.\n                </Typography>\n              </Card>\n            </Grid>\n          </TabbedLayout.Route>\n        </TabbedLayout>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { createStyles, makeStyles, Typography } from '@material-ui/core';\nimport { Card, Grid, RadioGroup, Radio } from '@backstage/ui';\nimport {\n  Header,\n  Page,\n  Content,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport { ServiceMappingComponent } from './ServiceMappingComponent';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { pagerDutyApiRef } from '../../api';\nimport { NotFoundError } from '@backstage/errors';\nimport { BackstageTheme } from '@backstage/theme';\n\nenum StoreSettings {\n  backstage = 'backstage',\n  pagerduty = 'pagerduty',\n  both = 'both',\n  disabled = 'disabled',\n}\n\nconst SERVICE_DEPENDENCY_SYNC_STRATEGY =\n  'settings::service-dependency-sync-strategy';\n\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    cardStyles: {\n      padding: '15px',\n      marginTop: '16px',\n    },\n    textContainerStyles: {\n      marginTop: '16px',\n    },\n    linkStyles: {\n      color: 'cadetblue',\n    },\n  }),\n);\n\n/** @public */\nexport const PagerDutyPage = () => {\n  const { cardStyles, textContainerStyles, linkStyles } = useStyles();\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const [\n    selectedServiceDependencyStrategy,\n    setSelectedServiceDependencyStrategy,\n  ] = useState('disabled');\n\n  useEffect(() => {\n    function fetchSetting() {\n      pagerDutyApi\n        .getSetting(SERVICE_DEPENDENCY_SYNC_STRATEGY)\n        .then(result => {\n          if (result !== undefined) {\n            setSelectedServiceDependencyStrategy(result.value);\n          }\n        })\n        .catch(error => {\n          if (error instanceof NotFoundError) {\n            // If the setting is not found, set the default value to \"disabled\"\n            setSelectedServiceDependencyStrategy('disabled');\n          }\n        });\n    }\n\n    fetchSetting();\n  }, [pagerDutyApi]);\n\n  const handleChange = (value: StoreSettings) => {\n    setSelectedServiceDependencyStrategy(value);\n    pagerDutyApi.storeSettings([\n      {\n        id: SERVICE_DEPENDENCY_SYNC_STRATEGY,\n        value,\n      },\n    ]);\n  };\n\n  return (\n    <Page themeId=\"home\">\n      <Header title=\"PagerDuty\" subtitle=\"Advanced configurations\" />\n      <Content>\n        <TabbedLayout>\n          <TabbedLayout.Route path=\"/service-mapping\" title=\"Service Mapping\">\n            <Grid.Root gap=\"3\" columns=\"1\">\n              <Grid.Item>\n                <Typography>\n                  Easily map your existing PagerDuty services to entities in\n                  Backstage without the need to add anotations to all your\n                  projects.\n                </Typography>\n                <Typography>\n                  <b>Warning: </b>Only 1:1 mapping is allowed at this time.\n                </Typography>\n              </Grid.Item>\n              <Grid.Item>\n                <ServiceMappingComponent />\n              </Grid.Item>\n            </Grid.Root>\n          </TabbedLayout.Route>\n          <TabbedLayout.Route path=\"/settings\" title=\"Configuration\">\n            <>\n              <Typography variant=\"h4\">Plugin configuration</Typography>\n              <Typography>\n                Configure your PagerDuty plugin configuration here\n              </Typography>\n\n              <Card\n                title=\"Service dependency synchronization preferences\"\n                className={cardStyles}\n              >\n                <Typography variant=\"h6\">\n                  Service dependency synchronization strategy\n                </Typography>\n                <RadioGroup\n                  label=\"Select the main source of truth for your service dependencies\"\n                  value={selectedServiceDependencyStrategy}\n                  onChange={value => handleChange(value as StoreSettings)}\n                >\n                  <Radio value={StoreSettings.backstage}>Backstage</Radio>\n                  <Radio value={StoreSettings.pagerduty}>PagerDuty</Radio>\n                  <Radio value={StoreSettings.both}>Both</Radio>\n                  <Radio value={StoreSettings.disabled}>Disabled</Radio>\n                </RadioGroup>\n\n                <div className={textContainerStyles}>\n                  <Typography>\n                    <b>Warning: </b>Changing this setting will affect how your\n                    service dependencies are synchronized and may cause data\n                    loss. Check the{' '}\n                    <a\n                      className={linkStyles}\n                      href=\"https://pagerduty.github.io/backstage-plugin-docs/index.html\"\n                    >\n                      documentation\n                    </a>{' '}\n                    for more information.\n                  </Typography>\n                </div>\n              </Card>\n            </>\n          </TabbedLayout.Route>\n        </TabbedLayout>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAsBA,MAAM,gCAAA,GACJ,4CAAA;AAEF,MAAM,SAAA,GAAY,UAAA;AAAA,EAA2B,MAC3C,YAAA,CAAa;AAAA,IACX,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,MAAA;AAAA,MACT,SAAA,EAAW;AAAA,KACb;AAAA,IACA,mBAAA,EAAqB;AAAA,MACnB,SAAA,EAAW;AAAA,KACb;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA;AACT,GACD;AACH,CAAA;AAGO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,EAAE,UAAA,EAAY,mBAAA,EAAqB,UAAA,KAAe,SAAA,EAAU;AAClE,EAAA,MAAM,YAAA,GAAe,OAAO,eAAe,CAAA;AAC3C,EAAA,MAAM;AAAA,IACJ,iCAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,UAAU,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,YAAA,GAAe;AACtB,MAAA,YAAA,CACG,UAAA,CAAW,gCAAgC,CAAA,CAC3C,IAAA,CAAK,CAAA,MAAA,KAAU;AACd,QAAA,IAAI,WAAW,MAAA,EAAW;AACxB,UAAA,oCAAA,CAAqC,OAAO,KAAK,CAAA;AAAA,QACnD;AAAA,MACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAA,KAAA,KAAS;AACd,QAAA,IAAI,iBAAiB,aAAA,EAAe;AAElC,UAAA,oCAAA,CAAqC,UAAU,CAAA;AAAA,QACjD;AAAA,MACF,CAAC,CAAA;AAAA,IACL;AAEA,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAyB;AAC7C,IAAA,oCAAA,CAAqC,KAAK,CAAA;AAC1C,IAAA,YAAA,CAAa,aAAA,CAAc;AAAA,MACzB;AAAA,QACE,EAAA,EAAI,gCAAA;AAAA,QACJ;AAAA;AACF,KACD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,MAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,yBAAA,EAA0B,CAAA;AAAA,oBAC7D,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,CAAa,KAAA,EAAb,EAAmB,IAAA,EAAK,oBAAmB,KAAA,EAAM,iBAAA,EAChD,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,GAAA,EAAI,GAAA,EAAI,SAAQ,GAAA,EACzB,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAA,CAAK,MAAL,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAW,QAAA,EAAA,+HAAA,EAIZ,CAAA;AAAA,+BACC,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAE,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,YAAI;AAAA,WAAA,EAClB;AAAA,SAAA,EACF,CAAA;AAAA,4BACC,IAAA,CAAK,IAAA,EAAL,EACC,QAAA,kBAAA,GAAA,CAAC,2BAAwB,CAAA,EAC3B;AAAA,OAAA,EACF,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,aAAa,KAAA,EAAb,EAAmB,MAAK,WAAA,EAAY,KAAA,EAAM,iBACzC,QAAA,kBAAA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,wBAC7C,GAAA,CAAC,cAAW,QAAA,EAAA,oDAAA,EAEZ,CAAA;AAAA,wBAEA,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,gDAAA;AAAA,YACN,SAAA,EAAW,UAAA;AAAA,YAEX,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,6CAAA,EAEzB,CAAA;AAAA,8BACA,IAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAM,+DAAA;AAAA,kBACN,KAAA,EAAO,iCAAA;AAAA,kBACP,QAAA,EAAU,CAAA,KAAA,KAAS,YAAA,CAAa,KAAsB,CAAA;AAAA,kBAEtD,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAO,WAAA,kBAAyB,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,oCAChD,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAO,WAAA,kBAAyB,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,oCAChD,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAO,MAAA,aAAoB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,oCACtC,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAO,UAAA,iBAAwB,QAAA,EAAA,UAAA,EAAQ;AAAA;AAAA;AAAA,eAChD;AAAA,8BAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAA,EACd,+BAAC,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,OAAE,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,gBAAI,qHAAA;AAAA,gBAEA,GAAA;AAAA,gCAChB,GAAA;AAAA,kBAAC,GAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,UAAA;AAAA,oBACX,IAAA,EAAK,8DAAA;AAAA,oBACN,QAAA,EAAA;AAAA;AAAA,iBAED;AAAA,gBAAK,GAAA;AAAA,gBAAI;AAAA,eAAA,EAEX,CAAA,EACF;AAAA;AAAA;AAAA;AACF,OAAA,EACF,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
-import { Card, CardHeader, Grid, Typography, Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';
+import { CardHeader, Typography, Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';
+import { Card, Flex, Grid } 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';
@@ -27,42 +28,20 @@ const useStyles = makeStyles(
       fontWeight: 500,
       color: theme.palette.type === "light" ? "rgba(0, 0, 0, 0.54)" : "rgba(255, 255, 255, 0.7)"
     },
-    headerStyle: {
-      marginBottom: "0px",
-      fontSize: "0px"
-    },
-    overviewHeaderContainerStyle: {
-      display: "flex",
-      margin: "0px",
-      padding: "15px",
-      marginBottom: "5px"
-    },
-    headerWithSubheaderContainerStyle: {
-      display: "flex",
-      alignItems: "center"
-    },
     subheaderTextStyle: {
       fontSize: "10px",
-      marginLeft: "5px"
+      paddingLeft: "5px",
+      paddingTop: "3px"
     },
-    overviewCardsContainerStyle: {
-      display: "flex",
-      margin: "15px",
-      marginTop: "-15px"
+    accordionStyle: {
+      background: "transparent"
     },
-    onCallAccordionDetails: {
-      display: "flex",
-      width: "100%",
-      marginTop: "-25px",
-      marginBottom: "-15px"
+    gridRootStyle: {
+      width: "100%"
     },
-    incidentMetricsContainerStyle: {
-      display: "flex",
-      height: "100%",
-      justifyContent: "center",
-      columnSpan: "all",
-      margin: "15px",
-      marginTop: "-15px"
+    cardStyles: {
+      paddingLeft: "10px",
+      paddingRight: "10px"
     }
   })
 );
@@ -123,13 +102,12 @@ const PagerDutySmallCard = (props) => {
   if (loading) {
     return /* @__PURE__ */ jsx(BasicCard, { children: /* @__PURE__ */ jsx(Progress, {}) });
   }
-  return /* @__PURE__ */ jsxs(Card, { "data-testid": "pagerduty-card", children: [
+  return /* @__PURE__ */ jsxs(Card, { "data-testid": "pagerduty-card", className: classes.cardStyles, children: [
     /* @__PURE__ */ jsx(
       CardHeader,
       {
-        className: classes.headerStyle,
         title: theme.palette.type === "dark" ? /* @__PURE__ */ jsx("img", { src: PDWhiteImage, alt: "PagerDuty", height: "25" }) : /* @__PURE__ */ jsx("img", { src: PDGreenImage, alt: "PagerDuty", height: "25" }),
-        action: !readOnly && props.integrationKey ? /* @__PURE__ */ jsxs("div", { children: [
+        action: !readOnly && props.integrationKey ? /* @__PURE__ */ jsxs(Flex, { children: [
           /* @__PURE__ */ jsx(
             TriggerIncidentButton,
             {
@@ -144,12 +122,12 @@ const PagerDutySmallCard = (props) => {
         ] }) : /* @__PURE__ */ jsx(OpenServiceButton, { compact: true, serviceUrl: service.url })
       }
     ),
-    /* @__PURE__ */ jsxs(Grid, { item: true, md: 12, className: classes.overviewHeaderContainerStyle, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, md: 6, children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "STATUS" }) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, md: 6, children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "STANDARDS" }) })
+    /* @__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__ */ jsxs(Grid, { item: true, md: 12, className: classes.overviewCardsContainerStyle, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, md: 6, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(Grid.Root, { columns: "2", gap: "1", pl: "1", pr: "1", children: [
+      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
         StatusCard,
         {
           compact: true,
@@ -158,7 +136,7 @@ const PagerDutySmallCard = (props) => {
           account: service.account
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, md: 6, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
         ServiceStandardsCard,
         {
           compact: true,
@@ -168,27 +146,29 @@ const PagerDutySmallCard = (props) => {
         }
       ) })
     ] }),
-    disableInsights !== true ? /* @__PURE__ */ jsxs(Accordion, { children: [
-      /* @__PURE__ */ jsx(
+    disableInsights !== true ? /* @__PURE__ */ jsxs(Accordion, { className: classes.accordionStyle, children: [
+      /* @__PURE__ */ jsxs(
         AccordionSummary,
         {
           expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
           "aria-controls": "panel1a-content",
           id: "panel1a-header",
-          children: /* @__PURE__ */ jsxs(Typography, { className: classes.headerWithSubheaderContainerStyle, children: [
+          children: [
             /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "INSIGHTS" }),
             /* @__PURE__ */ jsx(Typography, { className: classes.subheaderTextStyle, children: "(last 30 days)" })
-          ] })
+          ]
         }
       ),
       /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsxs(
-        Grid,
+        Grid.Root,
         {
-          item: true,
-          md: 12,
-          className: classes.incidentMetricsContainerStyle,
+          columns: "3",
+          gap: "1",
+          pl: "1",
+          pr: "1",
+          className: classes.gridRootStyle,
           children: [
-            /* @__PURE__ */ jsx(Grid, { item: true, md: 4, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
               IncidentCounterCard,
               {
                 compact: true,
@@ -197,7 +177,7 @@ const PagerDutySmallCard = (props) => {
                 color: theme.palette.textSubtle
               }
             ) }),
-            /* @__PURE__ */ jsx(Grid, { item: true, md: 4, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
               IncidentCounterCard,
               {
                 compact: true,
@@ -206,7 +186,7 @@ const PagerDutySmallCard = (props) => {
                 color: theme.palette.warning.main
               }
             ) }),
-            /* @__PURE__ */ jsx(Grid, { item: true, md: 4, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
               IncidentCounterCard,
               {
                 compact: true,
@@ -219,7 +199,7 @@ const PagerDutySmallCard = (props) => {
         }
       ) })
     ] }) : /* @__PURE__ */ jsx(Fragment, {}),
-    disableOnCall !== true ? /* @__PURE__ */ jsxs(Accordion, { children: [
+    disableOnCall !== true ? /* @__PURE__ */ jsxs(Accordion, { className: classes.accordionStyle, children: [
       /* @__PURE__ */ jsx(
         AccordionSummary,
         {
@@ -229,7 +209,7 @@ const PagerDutySmallCard = (props) => {
           children: /* @__PURE__ */ jsx(Typography, { className: classes.overviewHeaderTextStyle, children: "ON CALL" })
         }
       ),
-      /* @__PURE__ */ jsx(AccordionDetails, { className: classes.onCallAccordionDetails, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(
         EscalationPolicy,
         {
           "data-testid": "oncall-card",

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  Card,\n  CardHeader,\n  Grid,\n  Typography,\n} from '@material-ui/core';\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    headerStyle: {\n      marginBottom: '0px',\n      fontSize: '0px',\n    },\n    overviewHeaderContainerStyle: {\n      display: 'flex',\n      margin: '0px',\n      padding: '15px',\n      marginBottom: '5px',\n    },\n    headerWithSubheaderContainerStyle: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    subheaderTextStyle: {\n      fontSize: '10px',\n      marginLeft: '5px',\n    },\n    overviewCardsContainerStyle: {\n      display: 'flex',\n      margin: '15px',\n      marginTop: '-15px',\n    },\n    onCallAccordionDetails: {\n      display: 'flex',\n      width: '100%',\n      marginTop: '-25px',\n      marginBottom: '-15px',\n    },\n    incidentMetricsContainerStyle: {\n      display: 'flex',\n      height: '100%',\n      justifyContent: 'center',\n      columnSpan: 'all',\n      margin: '15px',\n      marginTop: '-15px',\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\">\n      <CardHeader\n        className={classes.headerStyle}\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            <div>\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            </div>\n          ) : (\n            <OpenServiceButton compact serviceUrl={service!.url} />\n          )\n        }\n      />\n      <Grid item md={12} className={classes.overviewHeaderContainerStyle}>\n        <Grid item md={6}>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STATUS\n          </Typography>\n        </Grid>\n        <Grid item md={6}>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STANDARDS\n          </Typography>\n        </Grid>\n      </Grid>\n\n      <Grid item md={12} className={classes.overviewCardsContainerStyle}>\n        <Grid item md={6}>\n          <StatusCard\n            compact\n            serviceId={service!.id}\n            refreshStatus={refreshStatus}\n            account={service!.account}\n          />\n        </Grid>\n        <Grid item md={6}>\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>\n      </Grid>\n      {disableInsights !== true ? (\n        <Accordion>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <Typography className={classes.headerWithSubheaderContainerStyle}>\n              <Typography className={classes.overviewHeaderTextStyle}>\n                INSIGHTS\n              </Typography>\n              <Typography className={classes.subheaderTextStyle}>\n                (last 30 days)\n              </Typography>\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Grid\n              item\n              md={12}\n              className={classes.incidentMetricsContainerStyle}\n            >\n              <Grid item md={4}>\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>\n              <Grid item md={4}>\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>\n              <Grid item md={4}>\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>\n            </Grid>\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n\n      {disableOnCall !== true ? (\n        <Accordion>\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 className={classes.onCallAccordionDetails}>\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  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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"}

package/dist/components/TriggerDialog/TriggerDialog.esm.js

@@ -1,11 +1,12 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { Dialog, DialogTitle, DialogContent, Typography, TextField, DialogActions, Button, CircularProgress } from '@material-ui/core';
+import { useTheme, Dialog, DialogTitle, DialogContent, Typography, TextField, DialogActions, CircularProgress } from '@material-ui/core';
 import useAsyncFn from 'react-use/lib/useAsyncFn';
 import { pagerDutyApiRef } from '../../api/client.esm.js';
 import { Alert } from '@material-ui/lab';
 import { useApi, alertApiRef, identityApiRef } from '@backstage/core-plugin-api';
 import { parseEntityRef, DEFAULT_NAMESPACE } from '@backstage/catalog-model';
+import { Button } from '@backstage/ui';
 
 const TriggerDialog = ({
   showDialog,
@@ -18,6 +19,7 @@ const TriggerDialog = ({
   const identityApi = useApi(identityApiRef);
   const api = useApi(pagerDutyApiRef);
   const [description, setDescription] = useState("");
+  const theme = useTheme();
   const [{ value, loading, error }, handleTriggerAlarm] = useAsyncFn(
     async (descriptions) => {
       const { userEntityRef } = await identityApi.getBackstageIdentity();
@@ -99,15 +101,17 @@ const TriggerDialog = ({
         {
           "data-testid": "trigger-button",
           id: "trigger",
-          color: "secondary",
-          disabled: !description || loading,
-          variant: "contained",
+          style: {
+            background: !description || loading ? theme.palette.action.disabled : theme.palette.secondary.main
+          },
+          isDisabled: !description || loading,
+          variant: "primary",
           onClick: () => handleTriggerAlarm(description),
-          endIcon: loading && /* @__PURE__ */ jsx(CircularProgress, { size: 16 }),
-          children: "Trigger Incident"
+          iconEnd: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx(Fragment, {}),
+          children: "TRIGGER INCIDENT"
         }
       ),
-      /* @__PURE__ */ jsx(Button, { id: "close", color: "primary", onClick: handleDialog, children: "Close" })
+      /* @__PURE__ */ jsx(Button, { id: "close", onClick: handleDialog, children: "CLOSE" })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerDialog.esm.js","sources":["../../../src/components/TriggerDialog/TriggerDialog.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 { useState, useEffect } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  TextField,\n  DialogActions,\n  Button,\n  DialogContent,\n  Typography,\n  CircularProgress,\n} from '@material-ui/core';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\nimport {\n  useApi,\n  alertApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\n\ntype Props = {\n  showDialog: boolean;\n  handleDialog: () => void;\n  onIncidentCreated?: () => void;\n  serviceName: string;\n  integrationKey: string;\n};\n\nexport const TriggerDialog = ({\n  showDialog,\n  handleDialog,\n  onIncidentCreated: onIncidentCreated,\n  serviceName,\n  integrationKey,\n}: Props) => {\n  const alertApi = useApi(alertApiRef);\n  const identityApi = useApi(identityApiRef);\n  const api = useApi(pagerDutyApiRef);\n  const [description, setDescription] = useState<string>('');\n\n  const [{ value, loading, error }, handleTriggerAlarm] = useAsyncFn(\n    async (descriptions: string) => {\n      const { userEntityRef } = await identityApi.getBackstageIdentity();\n      const { name: userName } = parseEntityRef(userEntityRef, {\n        defaultKind: 'User',\n        defaultNamespace: DEFAULT_NAMESPACE,\n      });\n      return await api.triggerAlarm({\n        integrationKey: integrationKey as string,\n        source: window.location.toString(),\n        description: descriptions,\n        userName,\n      });\n    },\n  );\n\n  const descriptionChanged = (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n  ) => {\n    setDescription(event.target.value);\n  };\n\n  useEffect(() => {\n    if (value) {\n      (async () => {\n        alertApi.post({\n          message: `Alarm successfully triggered`,\n        });\n\n        // clear description state\n        setDescription('');\n\n        handleDialog();\n\n        // The pager duty API isn't always returning the newly created alarm immediately\n        await new Promise(resolve => setTimeout(resolve, 1000));\n        onIncidentCreated?.();\n      })();\n    }\n  }, [value, alertApi, handleDialog, onIncidentCreated]);\n\n  if (error) {\n    alertApi.post({\n      message: `Failed to trigger alarm. ${error.message}`,\n      severity: 'error',\n    });\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={showDialog} onClose={handleDialog} fullWidth>\n      <DialogTitle>\n        This action will trigger an incident for{' '}\n        <strong>\"{serviceName}\"</strong>.\n      </DialogTitle>\n      <DialogContent>\n        <Alert severity=\"info\">\n          <Typography variant=\"body1\" align=\"justify\">\n            If the issue you are seeing does not need urgent attention, please\n            get in touch with the responsible team using their preferred\n            communications channel. You can find information about the owner of\n            this entity in the \"About\" card. If the issue is urgent, please\n            don't hesitate to trigger the alert.\n          </Typography>\n        </Alert>\n        <Typography\n          variant=\"body1\"\n          style={{ marginTop: '1em' }}\n          gutterBottom\n          align=\"justify\"\n        >\n          Please describe the problem you want to report. Be as descriptive as\n          possible. Your signed in user and a reference to the current page will\n          automatically be amended to the alarm so that the receiver can reach\n          out to you if necessary.\n        </Typography>\n        <TextField\n          inputProps={{ 'data-testid': 'trigger-input' }}\n          id=\"description\"\n          multiline\n          fullWidth\n          minRows={4}\n          margin=\"normal\"\n          label=\"Problem description\"\n          variant=\"outlined\"\n          onChange={descriptionChanged}\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          data-testid=\"trigger-button\"\n          id=\"trigger\"\n          color=\"secondary\"\n          disabled={!description || loading}\n          variant=\"contained\"\n          onClick={() => handleTriggerAlarm(description)}\n          endIcon={loading && <CircularProgress size={16} />}\n        >\n          Trigger Incident\n        </Button>\n        <Button id=\"close\" color=\"primary\" onClick={handleDialog}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TriggerDialog.esm.js","sources":["../../../src/components/TriggerDialog/TriggerDialog.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 { useState, useEffect } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  TextField,\n  DialogActions,\n  DialogContent,\n  Typography,\n  CircularProgress,\n  useTheme,\n} from '@material-ui/core';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\nimport {\n  useApi,\n  alertApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\nimport { Button } from '@backstage/ui';\n\ntype Props = {\n  showDialog: boolean;\n  handleDialog: () => void;\n  onIncidentCreated?: () => void;\n  serviceName: string;\n  integrationKey: string;\n};\n\nexport const TriggerDialog = ({\n  showDialog,\n  handleDialog,\n  onIncidentCreated: onIncidentCreated,\n  serviceName,\n  integrationKey,\n}: Props) => {\n  const alertApi = useApi(alertApiRef);\n  const identityApi = useApi(identityApiRef);\n  const api = useApi(pagerDutyApiRef);\n  const [description, setDescription] = useState<string>('');\n  const theme = useTheme();\n\n  const [{ value, loading, error }, handleTriggerAlarm] = useAsyncFn(\n    async (descriptions: string) => {\n      const { userEntityRef } = await identityApi.getBackstageIdentity();\n      const { name: userName } = parseEntityRef(userEntityRef, {\n        defaultKind: 'User',\n        defaultNamespace: DEFAULT_NAMESPACE,\n      });\n      return await api.triggerAlarm({\n        integrationKey: integrationKey as string,\n        source: window.location.toString(),\n        description: descriptions,\n        userName,\n      });\n    },\n  );\n\n  const descriptionChanged = (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n  ) => {\n    setDescription(event.target.value);\n  };\n\n  useEffect(() => {\n    if (value) {\n      (async () => {\n        alertApi.post({\n          message: `Alarm successfully triggered`,\n        });\n\n        // clear description state\n        setDescription('');\n\n        handleDialog();\n\n        // The pager duty API isn't always returning the newly created alarm immediately\n        await new Promise(resolve => setTimeout(resolve, 1000));\n        onIncidentCreated?.();\n      })();\n    }\n  }, [value, alertApi, handleDialog, onIncidentCreated]);\n\n  if (error) {\n    alertApi.post({\n      message: `Failed to trigger alarm. ${error.message}`,\n      severity: 'error',\n    });\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={showDialog} onClose={handleDialog} fullWidth>\n      <DialogTitle>\n        This action will trigger an incident for{' '}\n        <strong>\"{serviceName}\"</strong>.\n      </DialogTitle>\n      <DialogContent>\n        <Alert severity=\"info\">\n          <Typography variant=\"body1\" align=\"justify\">\n            If the issue you are seeing does not need urgent attention, please\n            get in touch with the responsible team using their preferred\n            communications channel. You can find information about the owner of\n            this entity in the \"About\" card. If the issue is urgent, please\n            don't hesitate to trigger the alert.\n          </Typography>\n        </Alert>\n        <Typography\n          variant=\"body1\"\n          style={{ marginTop: '1em' }}\n          gutterBottom\n          align=\"justify\"\n        >\n          Please describe the problem you want to report. Be as descriptive as\n          possible. Your signed in user and a reference to the current page will\n          automatically be amended to the alarm so that the receiver can reach\n          out to you if necessary.\n        </Typography>\n        <TextField\n          inputProps={{ 'data-testid': 'trigger-input' }}\n          id=\"description\"\n          multiline\n          fullWidth\n          minRows={4}\n          margin=\"normal\"\n          label=\"Problem description\"\n          variant=\"outlined\"\n          onChange={descriptionChanged}\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          data-testid=\"trigger-button\"\n          id=\"trigger\"\n          style={{\n            background:\n              !description || loading\n                ? theme.palette.action.disabled\n                : theme.palette.secondary.main,\n          }}\n          isDisabled={!description || loading}\n          variant=\"primary\"\n          onClick={() => handleTriggerAlarm(description)}\n          iconEnd={loading ? <CircularProgress size={16} /> : <></>}\n        >\n          TRIGGER INCIDENT\n        </Button>\n        <Button id=\"close\" onClick={handleDialog}>\n          CLOSE\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -42,9 +42,9 @@ declare const pagerDutyPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}
 /** @public */
 declare const PagerDutyPage: () => react_jsx_runtime.JSX.Element;
 /** @public */
-declare const EntityPagerDutyCard: (props: EntityPagerDutyCardProps) => react_jsx_runtime.JSX.Element;
+declare const EntityPagerDutyCard: (props: EntityPagerDutyCardProps) => react_jsx_runtime.JSX.Element | null;
 /** @public */
-declare const EntityPagerDutySmallCard: (props: EntityPagerDutySmallCardProps) => react_jsx_runtime.JSX.Element;
+declare const EntityPagerDutySmallCard: (props: EntityPagerDutySmallCardProps) => react_jsx_runtime.JSX.Element | null;
 /** @public */
 declare const HomePagePagerDutyCard: (props: _backstage_plugin_home_react.CardExtensionProps<HomePagePagerDutyCardProps>) => react_jsx_runtime.JSX.Element;
 
@@ -171,7 +171,7 @@ declare class PagerDutyClient implements PagerDutyApi {
  * @public
  * @deprecated Please use EntityPagerDutyCard
  */
-declare const PagerDutyCard: (props: EntityPagerDutyCardProps) => react_jsx_runtime.JSX.Element;
+declare const PagerDutyCard: (props: EntityPagerDutyCardProps) => react_jsx_runtime.JSX.Element | null;
 /**
  * @public
  * @deprecated Please use EntityPagerDutyCardProps

package/dist/package.json.esm.js

@@ -0,0 +1,133 @@
+var name = "@pagerduty/backstage-plugin";
+var description = "A Backstage plugin that integrates towards PagerDuty";
+var version = "0.15.10-next.1";
+var main = "dist/index.esm.js";
+var types = "dist/index.d.ts";
+var license = "Apache-2.0";
+var publishConfig = {
+	access: "public"
+};
+var backstage = {
+	pluginId: "pagerduty",
+	role: "frontend-plugin",
+	pluginPackages: [
+		"@pagerduty/backstage-plugin",
+		"@pagerduty/backstage-plugin-common",
+		"@pagerduty/backstage-plugin-backend"
+	]
+};
+var homepage = "https://github.com/pagerduty/backstage-plugin";
+var repository = {
+	type: "git",
+	url: "https://github.com/pagerduty/backstage-plugin.git",
+	directory: "."
+};
+var keywords = [
+	"backstage",
+	"plugin",
+	"pagerduty"
+];
+var sideEffects = false;
+var scripts = {
+	build: "backstage-cli package build && copyfiles -u 1 src/assets/*.svg ./",
+	start: "backstage-cli package start --config ./dev/app-config.yaml",
+	lint: "backstage-cli package lint",
+	test: "backstage-cli package test",
+	prepare: "husky install",
+	prepack: "node ../../scripts/replace-versions.js backstage-plugin && backstage-cli package prepack",
+	postpack: "backstage-cli package postpack",
+	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.6.1",
+	"@emotion/react": "^11.11.4",
+	"@emotion/styled": "^11.11.5",
+	"@material-ui/core": "^4.12.2",
+	"@material-ui/icons": "^4.9.1",
+	"@material-ui/lab": "4.0.0-alpha.61",
+	"@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",
+	"@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 = {
+	react: "^18.0.0 || ^20.0.0",
+	"react-dom": "^18.0.0 || ^20.0.0",
+	"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",
+	"@testing-library/jest-dom": "^6.6.3",
+	"@types/copyfiles": "^2",
+	copyfiles: "^2.4.1"
+};
+var files = [
+	"dist/**/*",
+	"config.d.ts",
+	"assets/**/*"
+];
+var exports = {
+	".": "./src/index.ts",
+	"./alpha": "./src/alpha/index.ts",
+	"./package.json": "./package.json"
+};
+var typesVersions = {
+	"*": {
+		alpha: [
+			"src/alpha/index.ts"
+		],
+		"package.json": [
+			"package.json"
+		]
+	}
+};
+var configSchema = "config.d.ts";
+var module = "./dist/index.esm.js";
+var _package = {
+	name: name,
+	description: description,
+	version: version,
+	main: main,
+	types: types,
+	license: license,
+	publishConfig: publishConfig,
+	backstage: backstage,
+	homepage: homepage,
+	repository: repository,
+	keywords: keywords,
+	sideEffects: sideEffects,
+	scripts: scripts,
+	dependencies: dependencies,
+	peerDependencies: peerDependencies,
+	devDependencies: devDependencies,
+	files: files,
+	exports: exports,
+	typesVersions: typesVersions,
+	configSchema: configSchema,
+	module: module
+};
+
+export { backstage, configSchema, _package as default, dependencies, description, devDependencies, exports, files, homepage, keywords, license, main, module, name, peerDependencies, publishConfig, repository, scripts, sideEffects, types, typesVersions, version };
+//# sourceMappingURL=package.json.esm.js.map

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

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

package/dist/plugin.esm.js

@@ -1,10 +1,8 @@
 import { PagerDutyClient, pagerDutyApiRef } from './api/client.esm.js';
-import { createRouteRef, createPlugin, createApiFactory, fetchApiRef, configApiRef, discoveryApiRef, createRoutableExtension, createComponentExtension } from '@backstage/core-plugin-api';
+import { createPlugin, createApiFactory, fetchApiRef, configApiRef, discoveryApiRef, createRoutableExtension, createComponentExtension } from '@backstage/core-plugin-api';
 import { createCardExtension } from '@backstage/plugin-home-react';
+import { rootRouteRef } from './routes.esm.js';
 
-const rootRouteRef = createRouteRef({
-  id: "pagerduty"
-});
 const pagerDutyPlugin = createPlugin({
   id: "pagerduty",
   apis: [
@@ -74,5 +72,5 @@ const HomePagePagerDutyCard = pagerDutyPlugin.provide(
   })
 );
 
-export { EntityPagerDutyCard, EntityPagerDutySmallCard, HomePagePagerDutyCard, PagerDutyPage, pagerDutyPlugin, rootRouteRef };
+export { EntityPagerDutyCard, EntityPagerDutySmallCard, HomePagePagerDutyCard, PagerDutyPage, pagerDutyPlugin };
 //# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pagerDutyApiRef, PagerDutyClient } from './api';\nimport {\n  createApiFactory,\n  createPlugin,\n  createRouteRef,\n  discoveryApiRef,\n  fetchApiRef,\n  configApiRef,\n  createComponentExtension,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from '@backstage/plugin-home-react';\nimport { HomePagePagerDutyCardProps } from './components/HomePagePagerDutyCard/Content';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'pagerduty',\n});\n\n/** @public */\nexport const pagerDutyPlugin = createPlugin({\n  id: 'pagerduty',\n  apis: [\n    createApiFactory({\n      api: pagerDutyApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        configApi: configApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ configApi, discoveryApi, fetchApi }) =>\n        PagerDutyClient.fromConfig(configApi, { discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/** @public */\nexport const PagerDutyPage = pagerDutyPlugin.provide(\n  createRoutableExtension({\n    name: 'PagerDutyPage',\n    component: () =>\n      import('./components/PagerDutyPage').then(m => m.PagerDutyPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const EntityPagerDutyCard = pagerDutyPlugin.provide(\n  createComponentExtension({\n    name: 'EntityPagerDutyCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityPagerDutyCard').then(\n          m => m.EntityPagerDutyCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityPagerDutySmallCard = pagerDutyPlugin.provide(\n  createComponentExtension({\n    name: 'EntityPagerDutySmallCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityPagerDutySmallCard').then(\n          m => m.EntityPagerDutySmallCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const HomePagePagerDutyCard = pagerDutyPlugin.provide(\n  createCardExtension<HomePagePagerDutyCardProps>({\n    name: 'HomePagePagerDutyCard',\n    title: 'PagerDuty Homepage Card',\n    components: () => import('./components/HomePagePagerDutyCard'),\n    settings: {\n      schema: {\n        title: 'PagerDuty',\n        type: 'object',\n        properties: {\n          integrationKey: {\n            title: 'PagerDuty integration key',\n            type: 'string',\n          },\n          serviceId: {\n            title: 'PagerDuty service id',\n            type: 'string',\n          },\n          name: {\n            title: 'PagerDuty service name',\n            type: 'string',\n          },\n        },\n      },\n    },\n  }),\n);\n"],"names":[],"mappings":";;;;AA6BO,MAAM,eAAe,cAAA,CAAe;AAAA,EACzC,EAAA,EAAI;AACN,CAAC;AAGM,MAAM,kBAAkB,YAAA,CAAa;AAAA,EAC1C,EAAA,EAAI,WAAA;AAAA,EACJ,IAAA,EAAM;AAAA,IACJ,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,eAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,eAAA;AAAA,QACd,SAAA,EAAW,YAAA;AAAA,QACX,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,SAAA,EAAW,YAAA,EAAc,QAAA,EAAS,KAC5C,eAAA,CAAgB,UAAA,CAAW,SAAA,EAAW,EAAE,YAAA,EAAc,UAAU;AAAA,KACnE;AAAA;AAEL,CAAC;AAGM,MAAM,gBAAgB,eAAA,CAAgB,OAAA;AAAA,EAC3C,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,eAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,yCAA4B,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,aAAa,CAAA;AAAA,IAChE,UAAA,EAAY;AAAA,GACb;AACH;AAGO,MAAM,sBAAsB,eAAA,CAAgB,OAAA;AAAA,EACjD,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,qBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,+CAAkC,CAAA,CAAE,IAAA;AAAA,QACzC,OAAK,CAAA,CAAE;AAAA;AACT;AACJ,GACD;AACH;AAGO,MAAM,2BAA2B,eAAA,CAAgB,OAAA;AAAA,EACtD,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,0BAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,oDAAuC,CAAA,CAAE,IAAA;AAAA,QAC9C,OAAK,CAAA,CAAE;AAAA;AACT;AACJ,GACD;AACH;AAGO,MAAM,wBAAwB,eAAA,CAAgB,OAAA;AAAA,EACnD,mBAAA,CAAgD;AAAA,IAC9C,IAAA,EAAM,uBAAA;AAAA,IACN,KAAA,EAAO,yBAAA;AAAA,IACP,UAAA,EAAY,MAAM,OAAO,iDAAoC,CAAA;AAAA,IAC7D,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,WAAA;AAAA,QACP,IAAA,EAAM,QAAA;AAAA,QACN,UAAA,EAAY;AAAA,UACV,cAAA,EAAgB;AAAA,YACd,KAAA,EAAO,2BAAA;AAAA,YACP,IAAA,EAAM;AAAA,WACR;AAAA,UACA,SAAA,EAAW;AAAA,YACT,KAAA,EAAO,sBAAA;AAAA,YACP,IAAA,EAAM;AAAA,WACR;AAAA,UACA,IAAA,EAAM;AAAA,YACJ,KAAA,EAAO,wBAAA;AAAA,YACP,IAAA,EAAM;AAAA;AACR;AACF;AACF;AACF,GACD;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pagerDutyApiRef, PagerDutyClient } from './api';\nimport {\n  createApiFactory,\n  createPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  configApiRef,\n  createComponentExtension,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from '@backstage/plugin-home-react';\nimport { HomePagePagerDutyCardProps } from './components/HomePagePagerDutyCard/Content';\nimport { rootRouteRef } from './routes';\n\n\n/** @public */\nexport const pagerDutyPlugin = createPlugin({\n  id: 'pagerduty',\n  apis: [\n    createApiFactory({\n      api: pagerDutyApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        configApi: configApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ configApi, discoveryApi, fetchApi }) =>\n        PagerDutyClient.fromConfig(configApi, { discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/** @public */\nexport const PagerDutyPage = pagerDutyPlugin.provide(\n  createRoutableExtension({\n    name: 'PagerDutyPage',\n    component: () =>\n      import('./components/PagerDutyPage').then(m => m.PagerDutyPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const EntityPagerDutyCard = pagerDutyPlugin.provide(\n  createComponentExtension({\n    name: 'EntityPagerDutyCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityPagerDutyCard').then(\n          m => m.EntityPagerDutyCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityPagerDutySmallCard = pagerDutyPlugin.provide(\n  createComponentExtension({\n    name: 'EntityPagerDutySmallCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityPagerDutySmallCard').then(\n          m => m.EntityPagerDutySmallCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const HomePagePagerDutyCard = pagerDutyPlugin.provide(\n  createCardExtension<HomePagePagerDutyCardProps>({\n    name: 'HomePagePagerDutyCard',\n    title: 'PagerDuty Homepage Card',\n    components: () => import('./components/HomePagePagerDutyCard'),\n    settings: {\n      schema: {\n        title: 'PagerDuty',\n        type: 'object',\n        properties: {\n          integrationKey: {\n            title: 'PagerDuty integration key',\n            type: 'string',\n          },\n          serviceId: {\n            title: 'PagerDuty service id',\n            type: 'string',\n          },\n          name: {\n            title: 'PagerDuty service name',\n            type: 'string',\n          },\n        },\n      },\n    },\n  }),\n);\n"],"names":[],"mappings":";;;;;AA+BO,MAAM,kBAAkB,YAAA,CAAa;AAAA,EAC1C,EAAA,EAAI,WAAA;AAAA,EACJ,IAAA,EAAM;AAAA,IACJ,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,eAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,eAAA;AAAA,QACd,SAAA,EAAW,YAAA;AAAA,QACX,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,SAAA,EAAW,YAAA,EAAc,QAAA,EAAS,KAC5C,eAAA,CAAgB,UAAA,CAAW,SAAA,EAAW,EAAE,YAAA,EAAc,UAAU;AAAA,KACnE;AAAA;AAEL,CAAC;AAGM,MAAM,gBAAgB,eAAA,CAAgB,OAAA;AAAA,EAC3C,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,eAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,yCAA4B,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,aAAa,CAAA;AAAA,IAChE,UAAA,EAAY;AAAA,GACb;AACH;AAGO,MAAM,sBAAsB,eAAA,CAAgB,OAAA;AAAA,EACjD,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,qBAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,+CAAkC,CAAA,CAAE,IAAA;AAAA,QACzC,OAAK,CAAA,CAAE;AAAA;AACT;AACJ,GACD;AACH;AAGO,MAAM,2BAA2B,eAAA,CAAgB,OAAA;AAAA,EACtD,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,0BAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,oDAAuC,CAAA,CAAE,IAAA;AAAA,QAC9C,OAAK,CAAA,CAAE;AAAA;AACT;AACJ,GACD;AACH;AAGO,MAAM,wBAAwB,eAAA,CAAgB,OAAA;AAAA,EACnD,mBAAA,CAAgD;AAAA,IAC9C,IAAA,EAAM,uBAAA;AAAA,IACN,KAAA,EAAO,yBAAA;AAAA,IACP,UAAA,EAAY,MAAM,OAAO,iDAAoC,CAAA;AAAA,IAC7D,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,WAAA;AAAA,QACP,IAAA,EAAM,QAAA;AAAA,QACN,UAAA,EAAY;AAAA,UACV,cAAA,EAAgB;AAAA,YACd,KAAA,EAAO,2BAAA;AAAA,YACP,IAAA,EAAM;AAAA,WACR;AAAA,UACA,SAAA,EAAW;AAAA,YACT,KAAA,EAAO,sBAAA;AAAA,YACP,IAAA,EAAM;AAAA,WACR;AAAA,UACA,IAAA,EAAM;AAAA,YACJ,KAAA,EAAO,wBAAA;AAAA,YACP,IAAA,EAAM;AAAA;AACR;AACF;AACF;AACF,GACD;AACH;;;;"}