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

package/README.md

@@ -0,0 +1,36 @@
+# PagerDuty Backstage Plugin
+
+> The PagerDuty plugin reduces the cognitive load on developers responsible for maintaining services in production.
+Instead of having to go to PagerDuty's console, you can now access the necessary information directly within Backstage.
+This includes finding active incidents or opening a new incident, reviewing recent changes made to the service,
+and checking who is on-call.
+
+## New Frontend System (NFS)
+
+This frontend plugin is starting the adoption of the [New Frontend System](https://backstage.io/docs/frontend-system/). This allow us to be present in Portal and keep up to date with Backstage's recommended best practices.
+
+### Migration
+
+We're still migrating to the NFS, since it is still in alpha. You can find this version of the plugin on the export `@pagerduty/backstage-plugin/alpha`, which allows you to start using it even in Backstage under the new `createApp` helper from `@backstage/frontend-defaults`.
+
+### Extensions
+
+The NFS allows for extendable plugins, which means there are parts of it that users can replace to elevate their experience. We've historically exported two components the `EntityPagerDutyCard` and the `EntityPagerDutySmallCard` to expose some PagerDuty's service information on your Backstage entities. In the NFS, we default to `EntityPagerDutyCard` as an entity card extension, which means you can still make use of the `EntityPagerDutySmallCard` through overrides.
+
+```javascript
+import PagerDutyPlugin from '@pagerduty/backstage-plugin/alpha';
+import { EntityPagerDutySmallCard } from '@pagerduty/backstage-plugin';
+
+const OverriddenPagerDutyPlugin = PagerDutyPlugin.withOverrides({
+  extensions: [
+    PagerDutyPlugin.getExtension('entity-card:pagerduty/EntityPagerDutyCard').override({
+      factory: originalFactory => 
+        originalFactory({
+          params: {
+            loader: async () => Promise.resolve(<EntityPagerDutySmallCard />)
+          }
+        })
+    })
+  ]
+})
+```

package/dist/alpha/api.esm.js

@@ -0,0 +1,22 @@
+import { ApiBlueprint, discoveryApiRef, fetchApiRef, configApiRef } from '@backstage/frontend-plugin-api';
+import { pagerDutyApiRef, PagerDutyClient } from '../api/client.esm.js';
+
+const pagerDutyApi = ApiBlueprint.make({
+  params: (defineParams) => defineParams({
+    api: pagerDutyApiRef,
+    deps: {
+      configApi: configApiRef,
+      fetchApi: fetchApiRef,
+      discoveryApi: discoveryApiRef
+    },
+    factory({ configApi, fetchApi, discoveryApi }) {
+      return PagerDutyClient.fromConfig(configApi, {
+        fetchApi,
+        discoveryApi
+      });
+    }
+  })
+});
+
+export { pagerDutyApi };
+//# sourceMappingURL=api.esm.js.map

package/dist/alpha/api.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.esm.js","sources":["../../src/alpha/api.ts"],"sourcesContent":["import { \n  ApiBlueprint, \n  configApiRef, \n  discoveryApiRef, \n  fetchApiRef \n} from \"@backstage/frontend-plugin-api\";\nimport { pagerDutyApiRef, PagerDutyClient } from \"../api\";\n\n/** @alpha */\nexport const pagerDutyApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: pagerDutyApiRef,\n      deps: {\n        configApi: configApiRef,\n        fetchApi: fetchApiRef,\n        discoveryApi: discoveryApiRef,\n      },\n      factory({ configApi, fetchApi, discoveryApi }) {\n        return PagerDutyClient.fromConfig(configApi, {\n          fetchApi,\n          discoveryApi,\n        });\n      },\n    }),\n});\n"],"names":[],"mappings":";;;AASO,MAAM,YAAA,GAAe,aAAa,IAAA,CAAK;AAAA,EAC5C,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,eAAA;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,SAAA,EAAW,YAAA;AAAA,MACX,QAAA,EAAU,WAAA;AAAA,MACV,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,OAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,cAAa,EAAG;AAC7C,MAAA,OAAO,eAAA,CAAgB,WAAW,SAAA,EAAW;AAAA,QAC3C,QAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA,IACH;AAAA,GACD;AACL,CAAC;;;;"}

package/dist/alpha/entity-cards.esm.js

@@ -0,0 +1,69 @@
+import { jsx } from 'react/jsx-runtime';
+import { compatWrapper } from '@backstage/core-compat-api';
+import { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import { PAGERDUTY_INTEGRATION_KEY, PAGERDUTY_SERVICE_ID } from '../components/constants.esm.js';
+
+const pagerDutyEntityCard = EntityCardBlueprint.makeWithOverrides({
+  name: "EntityPagerDutyCard",
+  config: {
+    schema: {
+      readOnly: (z) => z.boolean().optional(),
+      disableChangeEvents: (z) => z.boolean().optional(),
+      disableOnCall: (z) => z.boolean().optional()
+    }
+  },
+  factory(originalFactory, { config }) {
+    return originalFactory({
+      filter: (entity) => Boolean(
+        entity.metadata?.annotations?.[PAGERDUTY_INTEGRATION_KEY] || entity.metadata?.annotations?.[PAGERDUTY_SERVICE_ID]
+      ),
+      async loader() {
+        const { EntityPagerDutyCard } = await import('../components/EntityPagerDutyCard/index.esm.js');
+        return compatWrapper(
+          /* @__PURE__ */ jsx(
+            EntityPagerDutyCard,
+            {
+              readOnly: config.readOnly,
+              disableChangeEvents: config.disableChangeEvents,
+              disableOnCall: config.disableOnCall
+            }
+          )
+        );
+      }
+    });
+  }
+});
+const pagerDutyEntitySmallCard = EntityCardBlueprint.makeWithOverrides({
+  name: "EntityPagerDutySmallCard",
+  disabled: true,
+  config: {
+    schema: {
+      readOnly: (z) => z.boolean().optional(),
+      disableOnCall: (z) => z.boolean().optional(),
+      disableInsights: (z) => z.boolean().optional()
+    }
+  },
+  factory(originalFactory, { config }) {
+    return originalFactory({
+      filter: (entity) => Boolean(
+        entity.metadata?.annotations?.[PAGERDUTY_INTEGRATION_KEY] || entity.metadata?.annotations?.[PAGERDUTY_SERVICE_ID]
+      ),
+      async loader() {
+        const { EntityPagerDutySmallCard } = await import('../components/EntityPagerDutySmallCard/index.esm.js');
+        return compatWrapper(
+          /* @__PURE__ */ jsx(
+            EntityPagerDutySmallCard,
+            {
+              readOnly: config.readOnly,
+              disableOnCall: config.disableOnCall,
+              disableInsights: config.disableInsights
+            }
+          )
+        );
+      }
+    });
+  }
+});
+
+export { pagerDutyEntityCard, pagerDutyEntitySmallCard };
+//# sourceMappingURL=entity-cards.esm.js.map

package/dist/alpha/entity-cards.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-cards.esm.js","sources":["../../src/alpha/entity-cards.tsx"],"sourcesContent":["import { compatWrapper } from '@backstage/core-compat-api';\nimport { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { PAGERDUTY_INTEGRATION_KEY, PAGERDUTY_SERVICE_ID } from '../components/constants';\n\n/** @alpha */\nexport const pagerDutyEntityCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'EntityPagerDutyCard',\n  config: {\n    schema: {\n      readOnly: z => z.boolean().optional(),\n      disableChangeEvents: z => z.boolean().optional(),\n      disableOnCall: z => z.boolean().optional(),\n    }\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      filter: entity => Boolean(\n        entity.metadata?.annotations?.[PAGERDUTY_INTEGRATION_KEY] || \n        entity.metadata?.annotations?.[PAGERDUTY_SERVICE_ID]\n      ),\n      async loader() {\n        const { EntityPagerDutyCard } = await import('../components/EntityPagerDutyCard');\n\n        return compatWrapper(\n          <EntityPagerDutyCard \n            readOnly={config.readOnly} \n            disableChangeEvents={config.disableChangeEvents}\n            disableOnCall={config.disableOnCall}\n          />\n        );\n      }\n    })\n  }\n});\n\n/** @alpha */\nexport const pagerDutyEntitySmallCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'EntityPagerDutySmallCard',\n  disabled: true,\n  config: {\n    schema: {\n      readOnly: z => z.boolean().optional(),\n      disableOnCall: z => z.boolean().optional(),\n      disableInsights: z => z.boolean().optional(),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      filter: entity => Boolean(\n        entity.metadata?.annotations?.[PAGERDUTY_INTEGRATION_KEY] || \n        entity.metadata?.annotations?.[PAGERDUTY_SERVICE_ID]\n      ),\n      async loader() {\n        const { EntityPagerDutySmallCard } = await import(\n          '../components/EntityPagerDutySmallCard'\n        );\n        return compatWrapper(\n          <EntityPagerDutySmallCard\n            readOnly={config.readOnly}\n            disableOnCall={config.disableOnCall}\n            disableInsights={config.disableInsights}\n          />,\n        );\n      },\n    });\n  },\n});\n"],"names":[],"mappings":";;;;;AAKO,MAAM,mBAAA,GAAsB,oBAAoB,iBAAA,CAAkB;AAAA,EACvE,IAAA,EAAM,qBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,OAAA,GAAU,QAAA,EAAS;AAAA,MACpC,mBAAA,EAAqB,CAAA,CAAA,KAAK,CAAA,CAAE,OAAA,GAAU,QAAA,EAAS;AAAA,MAC/C,aAAA,EAAe,CAAA,CAAA,KAAK,CAAA,CAAE,OAAA,GAAU,QAAA;AAAS;AAC3C,GACF;AAAA,EACA,OAAA,CAAQ,eAAA,EAAiB,EAAE,MAAA,EAAO,EAAG;AACnC,IAAA,OAAO,eAAA,CAAgB;AAAA,MACrB,QAAQ,CAAA,MAAA,KAAU,OAAA;AAAA,QAChB,MAAA,CAAO,UAAU,WAAA,GAAc,yBAAyB,KACxD,MAAA,CAAO,QAAA,EAAU,cAAc,oBAAoB;AAAA,OACrD;AAAA,MACA,MAAM,MAAA,GAAS;AACb,QAAA,MAAM,EAAE,mBAAA,EAAoB,GAAI,MAAM,OAAO,gDAAmC,CAAA;AAEhF,QAAA,OAAO,aAAA;AAAA,0BACL,GAAA;AAAA,YAAC,mBAAA;AAAA,YAAA;AAAA,cACC,UAAU,MAAA,CAAO,QAAA;AAAA,cACjB,qBAAqB,MAAA,CAAO,mBAAA;AAAA,cAC5B,eAAe,MAAA,CAAO;AAAA;AAAA;AACxB,SACF;AAAA,MACF;AAAA,KACD,CAAA;AAAA,EACH;AACF,CAAC;AAGM,MAAM,wBAAA,GAA2B,oBAAoB,iBAAA,CAAkB;AAAA,EAC5E,IAAA,EAAM,0BAAA;AAAA,EACN,QAAA,EAAU,IAAA;AAAA,EACV,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,OAAA,GAAU,QAAA,EAAS;AAAA,MACpC,aAAA,EAAe,CAAA,CAAA,KAAK,CAAA,CAAE,OAAA,GAAU,QAAA,EAAS;AAAA,MACzC,eAAA,EAAiB,CAAA,CAAA,KAAK,CAAA,CAAE,OAAA,GAAU,QAAA;AAAS;AAC7C,GACF;AAAA,EACA,OAAA,CAAQ,eAAA,EAAiB,EAAE,MAAA,EAAO,EAAG;AACnC,IAAA,OAAO,eAAA,CAAgB;AAAA,MACrB,QAAQ,CAAA,MAAA,KAAU,OAAA;AAAA,QAChB,MAAA,CAAO,UAAU,WAAA,GAAc,yBAAyB,KACxD,MAAA,CAAO,QAAA,EAAU,cAAc,oBAAoB;AAAA,OACrD;AAAA,MACA,MAAM,MAAA,GAAS;AACb,QAAA,MAAM,EAAE,wBAAA,EAAyB,GAAI,MAAM,OACzC,qDACF,CAAA;AACA,QAAA,OAAO,aAAA;AAAA,0BACL,GAAA;AAAA,YAAC,wBAAA;AAAA,YAAA;AAAA,cACC,UAAU,MAAA,CAAO,QAAA;AAAA,cACjB,eAAe,MAAA,CAAO,aAAA;AAAA,cACtB,iBAAiB,MAAA,CAAO;AAAA;AAAA;AAC1B,SACF;AAAA,MACF;AAAA,KACD,CAAA;AAAA,EACH;AACF,CAAC;;;;"}

package/dist/alpha/nav-items.esm.js

@@ -0,0 +1,21 @@
+import { NavItemBlueprint } from '@backstage/frontend-plugin-api';
+import { rootRouteRef } from '../routes.esm.js';
+import 'react/jsx-runtime';
+import '@backstage/plugin-catalog-react';
+import '../components/PagerDutyCard/index.esm.js';
+import '../components/PagerDutySmallCard/index.esm.js';
+import { PagerDutyIcon } from '../components/Icons/index.esm.js';
+import '../components/TriggerButton/index.esm.js';
+import { convertLegacyRouteRef } from '@backstage/core-compat-api';
+
+const pagerDutyNavBarItem = NavItemBlueprint.make({
+  name: "PagerDutyNavBarItem",
+  params: {
+    title: "PagerDuty",
+    icon: PagerDutyIcon,
+    routeRef: convertLegacyRouteRef(rootRouteRef)
+  }
+});
+
+export { pagerDutyNavBarItem };
+//# sourceMappingURL=nav-items.esm.js.map

package/dist/alpha/nav-items.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-items.esm.js","sources":["../../src/alpha/nav-items.tsx"],"sourcesContent":["import { NavItemBlueprint } from \"@backstage/frontend-plugin-api\";\nimport { rootRouteRef } from \"../routes\";\nimport { PagerDutyIcon } from \"../components\";\nimport { convertLegacyRouteRef } from \"@backstage/core-compat-api\";\n\n/** @alpha */\nexport const pagerDutyNavBarItem = NavItemBlueprint.make({\n  name: 'PagerDutyNavBarItem',\n  params: {\n    title: 'PagerDuty',\n    icon: PagerDutyIcon,\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n  }\n});\n"],"names":[],"mappings":";;;;;;;;;;AAMO,MAAM,mBAAA,GAAsB,iBAAiB,IAAA,CAAK;AAAA,EACvD,IAAA,EAAM,qBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,WAAA;AAAA,IACP,IAAA,EAAM,aAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY;AAAA;AAEhD,CAAC;;;;"}

package/dist/alpha/pages.esm.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { convertLegacyRouteRef } from '@backstage/core-compat-api';
+import { rootRouteRef } from '../routes.esm.js';
+import { PageBlueprint } from '@backstage/frontend-plugin-api';
+
+const pagerDutyPage = PageBlueprint.make({
+  params: {
+    path: "/pagerduty",
+    routeRef: convertLegacyRouteRef(rootRouteRef),
+    loader: () => import('../components/PagerDutyPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.PagerDutyPage, {}))
+  }
+});
+
+export { pagerDutyPage };
+//# sourceMappingURL=pages.esm.js.map

package/dist/alpha/pages.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages.esm.js","sources":["../../src/alpha/pages.tsx"],"sourcesContent":["import { convertLegacyRouteRef } from '@backstage/core-compat-api';\nimport { rootRouteRef } from '../routes';\nimport { PageBlueprint } from '@backstage/frontend-plugin-api';\n\n/** @alpha */\nexport const pagerDutyPage = PageBlueprint.make({\n  params: {\n    path: '/pagerduty',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () => \n      import('../components/PagerDutyPage').then(m => <m.PagerDutyPage />),\n  }\n});\n"],"names":[],"mappings":";;;;;AAKO,MAAM,aAAA,GAAgB,cAAc,IAAA,CAAK;AAAA,EAC9C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,YAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAA,EAAQ,MACN,OAAO,0CAA6B,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,aAAA,EAAF,EAAgB,CAAE;AAAA;AAEzE,CAAC;;;;"}

package/dist/alpha/plugin.esm.js

@@ -0,0 +1,26 @@
+import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { pagerDutyEntityCard, pagerDutyEntitySmallCard } from './entity-cards.esm.js';
+import { pagerDutyApi } from './api.esm.js';
+import { pagerDutyPage } from './pages.esm.js';
+import { pagerDutyNavBarItem } from './nav-items.esm.js';
+import { convertLegacyRouteRefs } from '@backstage/core-compat-api';
+import { rootRouteRef } from '../routes.esm.js';
+import '@backstage/ui/css/styles.css';
+
+const pagerDutyPlugin = createFrontendPlugin({
+  pluginId: "pagerduty",
+  info: { packageJson: () => import('../package.json.esm.js') },
+  extensions: [
+    pagerDutyEntityCard,
+    pagerDutyEntitySmallCard,
+    pagerDutyApi,
+    pagerDutyPage,
+    pagerDutyNavBarItem
+  ],
+  routes: convertLegacyRouteRefs({
+    root: rootRouteRef
+  })
+});
+
+export { pagerDutyPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/alpha/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createFrontendPlugin } from \"@backstage/frontend-plugin-api\";\nimport { pagerDutyEntityCard, pagerDutyEntitySmallCard } from \"../alpha/entity-cards\";\nimport { pagerDutyApi } from \"../alpha/api\";\nimport { pagerDutyPage } from \"../alpha/pages\";\nimport { pagerDutyNavBarItem } from \"../alpha/nav-items\";\nimport { convertLegacyRouteRefs } from \"@backstage/core-compat-api\";\nimport { rootRouteRef } from \"../routes\";\nimport '@backstage/ui/css/styles.css';\n\n/** @alpha */\nexport const pagerDutyPlugin = createFrontendPlugin({\n  pluginId: 'pagerduty',\n  info: { packageJson: () => import('../../package.json')},\n  extensions: [\n    pagerDutyEntityCard,\n    pagerDutyEntitySmallCard,\n    pagerDutyApi,\n    pagerDutyPage,\n    pagerDutyNavBarItem\n  ],\n  routes: convertLegacyRouteRefs({\n    root: rootRouteRef\n  })\n});\n"],"names":[],"mappings":";;;;;;;;;AA0BO,MAAM,kBAAkB,oBAAA,CAAqB;AAAA,EAClD,QAAA,EAAU,WAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,wBAAoB,CAAA,EAAC;AAAA,EACvD,UAAA,EAAY;AAAA,IACV,mBAAA;AAAA,IACA,wBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAQ,sBAAA,CAAuB;AAAA,IAC7B,IAAA,EAAM;AAAA,GACP;AACH,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -0,0 +1,139 @@
+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<{
+        kind: "api";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_core_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>;
+    }>;
+    "entity-card:pagerduty/EntityPagerDutyCard": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        config: {
+            readOnly: boolean | undefined;
+            disableChangeEvents: boolean | undefined;
+            disableOnCall: boolean | undefined;
+        } & {
+            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type: "content" | "summary" | "info" | undefined;
+        };
+        configInput: {
+            readOnly?: boolean | undefined;
+            disableChangeEvents?: boolean | undefined;
+            disableOnCall?: boolean | undefined;
+        } & {
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type?: "content" | "summary" | "info" | 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;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _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;
+            }>;
+        };
+        kind: "entity-card";
+        name: "EntityPagerDutyCard";
+        params: {
+            loader: () => Promise<JSX.Element>;
+            filter?: string | _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+            type?: _backstage_plugin_catalog_react_alpha.EntityCardType;
+        };
+    }>;
+    "entity-card:pagerduty/EntityPagerDutySmallCard": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        config: {
+            readOnly: boolean | undefined;
+            disableOnCall: boolean | undefined;
+            disableInsights: boolean | undefined;
+        } & {
+            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type: "content" | "summary" | "info" | undefined;
+        };
+        configInput: {
+            readOnly?: boolean | undefined;
+            disableOnCall?: boolean | undefined;
+            disableInsights?: boolean | undefined;
+        } & {
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type?: "content" | "summary" | "info" | 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;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _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;
+            }>;
+        };
+        kind: "entity-card";
+        name: "EntityPagerDutySmallCard";
+        params: {
+            loader: () => Promise<JSX.Element>;
+            filter?: string | _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+            type?: _backstage_plugin_catalog_react_alpha.EntityCardType;
+        };
+    }>;
+    "nav-item:pagerduty/PagerDutyNavBarItem": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "nav-item";
+        name: "PagerDutyNavBarItem";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            title: string;
+            icon: _backstage_core_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        }, "core.nav-item.target", {}>;
+        inputs: {};
+        params: {
+            title: string;
+            icon: _backstage_core_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        };
+    }>;
+    "page:pagerduty": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath?: [Error: `Use the 'path' param instead`];
+            path: string;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+        };
+    }>;
+}>;
+
+export { pagerDutyPlugin as default };

package/dist/alpha.esm.js

@@ -0,0 +1,2 @@
+export { pagerDutyPlugin as default } from './alpha/plugin.esm.js';
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

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

package/dist/components/ChangeEvents/ChangeEventListItem.esm.js

@@ -1,11 +1,11 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Link } from '@backstage/core-components';
-import { makeStyles, Tooltip, IconButton, ListItem, ListItemText, Typography, ListItemSecondaryAction } from '@material-ui/core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyles, ListItem, ListItemText, Typography, ListItemSecondaryAction } from '@material-ui/core';
+import { TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
 import { DateTime, Duration } from 'luxon';
 import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
 import LinkIcon from '@material-ui/icons/Link';
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(() => ({
   denseListIcon: {
     marginRight: 0,
     display: "flex",
@@ -15,35 +15,35 @@ const useStyles = makeStyles((theme) => ({
   },
   listItemPrimary: {
     fontWeight: "bold"
-  },
-  smallExternalLinkIconStyle: {
-    color: theme.palette.text.primary
-  },
-  smallExternalLinkWithoutMarginIconStyle: {
-    color: theme.palette.text.primary,
-    marginRight: "-20px"
-  },
-  smallIconStyle: {
-    color: theme.palette.text.primary,
-    marginRight: "-20px"
   }
 }));
 const ChangeEventListItem = ({ changeEvent }) => {
   const classes = useStyles();
   const duration = (/* @__PURE__ */ new Date()).getTime() - new Date(changeEvent.timestamp).getTime();
   const changedAt = DateTime.local().minus(Duration.fromMillis(duration)).toRelative({ locale: "en" });
+  const handleExternalLinkClick = (url) => {
+    window.open(url, "_blank", "noopener,noreferrer");
+  };
+  const handlePagerDutyClick = () => {
+    if (changeEvent.html_url) {
+      window.open(changeEvent.html_url, "_blank", "noopener,noreferrer");
+    }
+  };
   let externalLinkElem;
-  if (changeEvent.links.length > 0) {
+  if (changeEvent.links.length > 0 && changeEvent.links[0]?.href) {
     const text = changeEvent.links[0].text;
-    externalLinkElem = /* @__PURE__ */ jsx(Tooltip, { title: text, placement: "top", children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        component: Link,
-        to: changeEvent.links[0].href,
-        className: changeEvent.html_url === void 0 ? classes.smallExternalLinkWithoutMarginIconStyle : classes.smallExternalLinkIconStyle,
-        children: /* @__PURE__ */ jsx(LinkIcon, {})
-      }
-    ) });
+    const linkHref = changeEvent.links[0].href;
+    externalLinkElem = /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          icon: /* @__PURE__ */ jsx(LinkIcon, {}),
+          variant: "tertiary",
+          onClick: () => handleExternalLinkClick(linkHref)
+        }
+      ),
+      /* @__PURE__ */ jsx(Tooltip, { children: text })
+    ] });
   }
   return /* @__PURE__ */ jsxs(ListItem, { dense: true, children: [
     /* @__PURE__ */ jsx(
@@ -65,15 +65,18 @@ const ChangeEventListItem = ({ changeEvent }) => {
     ),
     /* @__PURE__ */ jsxs(ListItemSecondaryAction, { children: [
       externalLinkElem,
-      changeEvent.html_url === void 0 ? null : /* @__PURE__ */ jsx(Tooltip, { title: "View in PagerDuty", placement: "top", children: /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          component: Link,
-          to: changeEvent.html_url,
-          className: classes.smallIconStyle,
-          children: /* @__PURE__ */ jsx(OpenInBrowserIcon, {})
-        }
-      ) })
+      changeEvent.html_url === void 0 ? null : /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+        /* @__PURE__ */ jsx(
+          ButtonIcon,
+          {
+            "aria-label": "view-in-pd-button",
+            icon: /* @__PURE__ */ jsx(OpenInBrowserIcon, { className: classes.smallIconStyle }),
+            variant: "tertiary",
+            onClick: handlePagerDutyClick
+          }
+        ),
+        /* @__PURE__ */ jsx(Tooltip, { children: "View in PagerDuty" })
+      ] })
     ] })
   ] }, changeEvent.id);
 };

package/dist/components/ChangeEvents/ChangeEventListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeEventListItem.esm.js","sources":["../../../src/components/ChangeEvents/ChangeEventListItem.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 { Link } from '@backstage/core-components';\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport { DateTime, Duration } from 'luxon';\nimport { PagerDutyChangeEvent } from '@pagerduty/backstage-plugin-common';\nimport OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  smallExternalLinkIconStyle: {\n    color: theme.palette.text.primary,\n  },\n  smallExternalLinkWithoutMarginIconStyle: {\n    color: theme.palette.text.primary,\n    marginRight: '-20px',\n  },\n  smallIconStyle: {\n    color: theme.palette.text.primary,\n    marginRight: '-20px',\n  },\n}));\n\ntype Props = {\n  changeEvent: PagerDutyChangeEvent;\n};\n\nexport const ChangeEventListItem = ({ changeEvent }: Props) => {\n  const classes = useStyles();\n  const duration =\n    new Date().getTime() - new Date(changeEvent.timestamp).getTime();\n  const changedAt = DateTime.local()\n    .minus(Duration.fromMillis(duration))\n    .toRelative({ locale: 'en' });\n\n  let externalLinkElem: JSX.Element | undefined;\n  if (changeEvent.links.length > 0) {\n    const text: string = changeEvent.links[0].text;\n    externalLinkElem = (\n      <Tooltip title={text} placement=\"top\">\n        <IconButton\n          component={Link}\n          to={changeEvent.links[0].href}\n          className={\n            changeEvent.html_url === undefined\n              ? classes.smallExternalLinkWithoutMarginIconStyle\n              : classes.smallExternalLinkIconStyle\n          }\n        >\n          <LinkIcon />\n        </IconButton>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <ListItem dense key={changeEvent.id}>\n      <ListItemText\n        primary={<>{changeEvent.summary}</>}\n        primaryTypographyProps={{\n          variant: 'body1',\n          className: classes.listItemPrimary,\n        }}\n        secondary={\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            Triggered from {changeEvent.source} {changedAt}.\n          </Typography>\n        }\n      />\n      <ListItemSecondaryAction>\n        {externalLinkElem}\n        {changeEvent.html_url === undefined ? null : (\n          <Tooltip title=\"View in PagerDuty\" placement=\"top\">\n            <IconButton\n              component={Link}\n              to={changeEvent.html_url}\n              className={classes.smallIconStyle}\n            >\n              <OpenInBrowserIcon />\n            </IconButton>\n          </Tooltip>\n        )}\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChangeEventListItem.esm.js","sources":["../../../src/components/ChangeEvents/ChangeEventListItem.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\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport { ButtonIcon, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { DateTime, Duration } from 'luxon';\nimport { PagerDutyChangeEvent } from '@pagerduty/backstage-plugin-common';\nimport OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>(() => ({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n}));\n\ntype Props = {\n  changeEvent: PagerDutyChangeEvent;\n};\n\nexport const ChangeEventListItem = ({ changeEvent }: Props) => {\n  const classes = useStyles();\n  const duration =\n    new Date().getTime() - new Date(changeEvent.timestamp).getTime();\n  const changedAt = DateTime.local()\n    .minus(Duration.fromMillis(duration))\n    .toRelative({ locale: 'en' });\n\n  const handleExternalLinkClick = (url: string) => {\n    window.open(url, '_blank', 'noopener,noreferrer');\n  };\n\n  const handlePagerDutyClick = () => {\n    if (changeEvent.html_url) {\n      window.open(changeEvent.html_url, '_blank', 'noopener,noreferrer');\n    }\n  };\n\n  let externalLinkElem: JSX.Element | undefined;\n  if (changeEvent.links.length > 0 && changeEvent.links[0]?.href) {\n    const text: string = changeEvent.links[0].text;\n    const linkHref = changeEvent.links[0].href;\n    externalLinkElem = (\n      <TooltipTrigger>\n        <ButtonIcon\n          icon={<LinkIcon />}\n          variant=\"tertiary\"\n          onClick={() => handleExternalLinkClick(linkHref)}\n        />\n        <Tooltip>{text}</Tooltip>\n      </TooltipTrigger>\n    );\n  }\n\n  return (\n    <ListItem dense key={changeEvent.id}>\n      <ListItemText\n        primary={<>{changeEvent.summary}</>}\n        primaryTypographyProps={{\n          variant: 'body1',\n          className: classes.listItemPrimary,\n        }}\n        secondary={\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            Triggered from {changeEvent.source} {changedAt}.\n          </Typography>\n        }\n      />\n      <ListItemSecondaryAction>\n        {externalLinkElem}\n        {changeEvent.html_url === undefined ? null : (\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label=\"view-in-pd-button\"\n              icon={<OpenInBrowserIcon className={classes.smallIconStyle} />}\n              variant=\"tertiary\"\n              onClick={handlePagerDutyClick}\n            />\n            <Tooltip>View in PagerDuty</Tooltip>\n          </TooltipTrigger>\n        )}\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ChangeEvents/ChangeEvents.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEffect } from 'react';
-import { List } from '@material-ui/core';
+import { makeStyles, List, createStyles } from '@material-ui/core';
 import { ChangeEventListItem } from './ChangeEventListItem.esm.js';
 import { ChangeEventEmptyState } from './ChangeEventEmptyState.esm.js';
 import { ChangeEventForbiddenState } from './ChangeEventForbiddenState.esm.js';
@@ -10,8 +10,16 @@ import { useApi } from '@backstage/core-plugin-api';
 import { Progress } from '@backstage/core-components';
 import { Alert } from '@material-ui/lab';
 
+const useStyles = makeStyles(
+  () => createStyles({
+    loadingStyles: {
+      height: "253px"
+    }
+  })
+);
 const ChangeEvents = ({ serviceId, account, refreshEvents }) => {
   const api = useApi(pagerDutyApiRef);
+  const { loadingStyles } = useStyles();
   const [{ value: changeEvents, loading, error }, getChangeEvents] = useAsyncFn(
     async () => {
       const { change_events } = await api.getChangeEventsByServiceId(
@@ -34,7 +42,7 @@ const ChangeEvents = ({ serviceId, account, refreshEvents }) => {
     ] });
   }
   if (loading) {
-    return /* @__PURE__ */ jsx(Progress, {});
+    return /* @__PURE__ */ jsx("div", { className: loadingStyles, children: /* @__PURE__ */ jsx(Progress, {}) });
   }
   if (!changeEvents?.length) {
     return /* @__PURE__ */ jsx(ChangeEventEmptyState, {});

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

@@ -1 +1 @@
-{"version":3,"file":"ChangeEvents.esm.js","sources":["../../../src/components/ChangeEvents/ChangeEvents.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 { useEffect } from 'react';\nimport { List } from '@material-ui/core';\nimport { ChangeEventListItem } from './ChangeEventListItem';\nimport { ChangeEventEmptyState } from './ChangeEventEmptyState';\nimport { ChangeEventForbiddenState } from './ChangeEventForbiddenState';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\nimport { Alert } from '@material-ui/lab';\n\ntype Props = {\n  serviceId: string;\n  account?: string;\n  refreshEvents: boolean;\n};\n\nexport const ChangeEvents = ({ serviceId, account, refreshEvents }: Props) => {\n  const api = useApi(pagerDutyApiRef);\n\n  const [{ value: changeEvents, loading, error }, getChangeEvents] = useAsyncFn(\n    async () => {\n      const { change_events } = await api.getChangeEventsByServiceId(\n        serviceId,\n        account,\n      );\n      return change_events;\n    },\n  );\n\n  useEffect(() => {\n    getChangeEvents();\n  }, [refreshEvents, getChangeEvents]);\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return <ChangeEventForbiddenState />;\n    }\n\n    return (\n      <Alert severity=\"error\">\n        Error encountered while fetching information. {error.message}\n      </Alert>\n    );\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!changeEvents?.length) {\n    return <ChangeEventEmptyState />;\n  }\n\n  return (\n    <List dense>\n      {changeEvents!.map((changeEvent, index) => (\n        <ChangeEventListItem\n          key={changeEvent.id + index}\n          changeEvent={changeEvent}\n        />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCO,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAc,KAAa;AAC5E,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAElC,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,YAAA,EAAc,SAAS,KAAA,EAAM,EAAG,eAAe,CAAA,GAAI,UAAA;AAAA,IACjE,YAAY;AACV,MAAA,MAAM,EAAE,aAAA,EAAc,GAAI,MAAM,GAAA,CAAI,0BAAA;AAAA,QAClC,SAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,OAAO,aAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAA,EAAgB;AAAA,EAClB,CAAA,EAAG,CAAC,aAAA,EAAe,eAAe,CAAC,CAAA;AAEnC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,2BAAQ,yBAAA,EAAA,EAA0B,CAAA;AAAA,IACpC;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,2BAAQ,QAAA,EAAA,EAAS,CAAA;AAAA,EACnB;AAEA,EAAA,IAAI,CAAC,cAAc,MAAA,EAAQ;AACzB,IAAA,2BAAQ,qBAAA,EAAA,EAAsB,CAAA;AAAA,EAChC;AAEA,EAAA,uBACE,GAAA,CAAC,QAAK,KAAA,EAAK,IAAA,EACR,uBAAc,GAAA,CAAI,CAAC,aAAa,KAAA,qBAC/B,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MAEC;AAAA,KAAA;AAAA,IADK,YAAY,EAAA,GAAK;AAAA,GAGzB,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ChangeEvents.esm.js","sources":["../../../src/components/ChangeEvents/ChangeEvents.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\nimport { useEffect } from 'react';\nimport { createStyles, List, makeStyles } from '@material-ui/core';\nimport { ChangeEventListItem } from './ChangeEventListItem';\nimport { ChangeEventEmptyState } from './ChangeEventEmptyState';\nimport { ChangeEventForbiddenState } from './ChangeEventForbiddenState';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\nimport { Alert } from '@material-ui/lab';\nimport { BackstageTheme } from '@backstage/theme';\n\ntype Props = {\n  serviceId: string;\n  account?: string;\n  refreshEvents: boolean;\n};\n\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    loadingStyles: {\n      height: '253px',\n    },\n  }),\n);\n\nexport const ChangeEvents = ({ serviceId, account, refreshEvents }: Props) => {\n  const api = useApi(pagerDutyApiRef);\n  const { loadingStyles } = useStyles();\n\n  const [{ value: changeEvents, loading, error }, getChangeEvents] = useAsyncFn(\n    async () => {\n      const { change_events } = await api.getChangeEventsByServiceId(\n        serviceId,\n        account,\n      );\n      return change_events;\n    },\n  );\n\n  useEffect(() => {\n    getChangeEvents();\n  }, [refreshEvents, getChangeEvents]);\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return <ChangeEventForbiddenState />;\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 (!changeEvents?.length) {\n    return <ChangeEventEmptyState />;\n  }\n\n  return (\n    <List dense>\n      {changeEvents!.map((changeEvent, index) => (\n        <ChangeEventListItem\n          key={changeEvent.id + index}\n          changeEvent={changeEvent}\n        />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAA2B,MAC3C,YAAA,CAAa;AAAA,IACX,aAAA,EAAe;AAAA,MACb,MAAA,EAAQ;AAAA;AACV,GACD;AACH,CAAA;AAEO,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAc,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,YAAA,EAAc,SAAS,KAAA,EAAM,EAAG,eAAe,CAAA,GAAI,UAAA;AAAA,IACjE,YAAY;AACV,MAAA,MAAM,EAAE,aAAA,EAAc,GAAI,MAAM,GAAA,CAAI,0BAAA;AAAA,QAClC,SAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,OAAO,aAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAA,EAAgB;AAAA,EAClB,CAAA,EAAG,CAAC,aAAA,EAAe,eAAe,CAAC,CAAA;AAEnC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,2BAAQ,yBAAA,EAAA,EAA0B,CAAA;AAAA,IACpC;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,cAAc,MAAA,EAAQ;AACzB,IAAA,2BAAQ,qBAAA,EAAA,EAAsB,CAAA;AAAA,EAChC;AAEA,EAAA,uBACE,GAAA,CAAC,QAAK,KAAA,EAAK,IAAA,EACR,uBAAc,GAAA,CAAI,CAAC,aAAa,KAAA,qBAC/B,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MAEC;AAAA,KAAA;AAAA,IADK,YAAY,EAAA,GAAK;AAAA,GAGzB,CAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -10,16 +10,19 @@ const isPluginApplicableToEntity = (entity) => Boolean(
 const EntityPagerDutyCard = (props) => {
   const { readOnly, disableChangeEvents, disableOnCall } = props;
   const { entity } = useEntity();
-  const pagerDutyEntity = getPagerDutyEntity(entity);
-  return /* @__PURE__ */ jsx(
-    PagerDutyCard,
-    {
-      ...pagerDutyEntity,
-      readOnly,
-      disableChangeEvents,
-      disableOnCall
-    }
-  );
+  if (isPluginApplicableToEntity(entity)) {
+    const pagerDutyEntity = getPagerDutyEntity(entity);
+    return /* @__PURE__ */ jsx(
+      PagerDutyCard,
+      {
+        ...pagerDutyEntity,
+        readOnly,
+        disableChangeEvents,
+        disableOnCall
+      }
+    );
+  }
+  return null;
 };
 
 export { EntityPagerDutyCard, isPluginApplicableToEntity };

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/EntityPagerDutyCard/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 { Entity } from '@backstage/catalog-model';\nimport { PAGERDUTY_INTEGRATION_KEY, PAGERDUTY_SERVICE_ID } from '../constants';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getPagerDutyEntity } from '../pagerDutyEntity';\nimport { PagerDutyCard } from '../PagerDutyCard';\n\n/** @public */\nexport const isPluginApplicableToEntity = (entity: Entity) =>\n  Boolean(\n    entity.metadata.annotations?.[PAGERDUTY_INTEGRATION_KEY] ||\n      entity.metadata.annotations?.[PAGERDUTY_SERVICE_ID],\n  );\n\n/** @public */\nexport type EntityPagerDutyCardProps = {\n  readOnly?: boolean;\n  disableChangeEvents?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const EntityPagerDutyCard = (props: EntityPagerDutyCardProps) => {\n  const { readOnly, disableChangeEvents, disableOnCall } = props;\n  const { entity } = useEntity();\n  const pagerDutyEntity = getPagerDutyEntity(entity);\n  return (\n    <PagerDutyCard\n      {...pagerDutyEntity}\n      readOnly={readOnly}\n      disableChangeEvents={disableChangeEvents}\n      disableOnCall={disableOnCall}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,0BAAA,GAA6B,CAAC,MAAA,KACzC,OAAA;AAAA,EACE,MAAA,CAAO,SAAS,WAAA,GAAc,yBAAyB,KACrD,MAAA,CAAO,QAAA,CAAS,cAAc,oBAAoB;AACtD;AAUK,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAoC;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,mBAAA,EAAqB,aAAA,EAAc,GAAI,KAAA;AACzD,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,eAAA,GAAkB,mBAAmB,MAAM,CAAA;AACjD,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,eAAA;AAAA,MACJ,QAAA;AAAA,MACA,mBAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/EntityPagerDutyCard/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 { Entity } from '@backstage/catalog-model';\nimport { PAGERDUTY_INTEGRATION_KEY, PAGERDUTY_SERVICE_ID } from '../constants';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getPagerDutyEntity } from '../pagerDutyEntity';\nimport { PagerDutyCard } from '../PagerDutyCard';\n\n/** @public */\nexport const isPluginApplicableToEntity = (entity: Entity) =>\n  Boolean(\n    entity.metadata.annotations?.[PAGERDUTY_INTEGRATION_KEY] ||\n      entity.metadata.annotations?.[PAGERDUTY_SERVICE_ID],\n  );\n\n/** @public */\nexport type EntityPagerDutyCardProps = {\n  readOnly?: boolean;\n  disableChangeEvents?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const EntityPagerDutyCard = (props: EntityPagerDutyCardProps) => {\n  const { readOnly, disableChangeEvents, disableOnCall } = props;\n  const { entity } = useEntity();\n\n  if (isPluginApplicableToEntity(entity)) {\n    const pagerDutyEntity = getPagerDutyEntity(entity);\n\n    return (\n      <PagerDutyCard\n        {...pagerDutyEntity}\n        readOnly={readOnly}\n        disableChangeEvents={disableChangeEvents}\n        disableOnCall={disableOnCall}\n      />\n    );\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,0BAAA,GAA6B,CAAC,MAAA,KACzC,OAAA;AAAA,EACE,MAAA,CAAO,SAAS,WAAA,GAAc,yBAAyB,KACrD,MAAA,CAAO,QAAA,CAAS,cAAc,oBAAoB;AACtD;AAUK,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAoC;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,mBAAA,EAAqB,aAAA,EAAc,GAAI,KAAA;AACzD,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAE7B,EAAA,IAAI,0BAAA,CAA2B,MAAM,CAAA,EAAG;AACtC,IAAA,MAAM,eAAA,GAAkB,mBAAmB,MAAM,CAAA;AAEjD,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,eAAA;AAAA,QACJ,QAAA;AAAA,QACA,mBAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}