@pagerduty/backstage-plugin 0.20.0 → 0.21.0

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

@@ -1,132 +1,17 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { makeStyles, CardContent, Typography, createStyles } from '@material-ui/core';
-import { Card, Flex, Text, RadioGroup, Radio } from '@backstage/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Page, Header, Content, TabbedLayout } from '@backstage/core-components';
-import { ServiceMappingComponent } from './ServiceMappingComponent.esm.js';
-import { useApi } from '@backstage/core-plugin-api';
-import { pagerDutyApiRef } from '../../api/client.esm.js';
-import { NotFoundError } from '@backstage/errors';
+import { ServiceMappingPage } from './ServiceMappingPage.esm.js';
+import { CustomFields } from './CustomFields.esm.js';
+import { ConfigurationPage } from './ConfigurationPage.esm.js';
 
-const SERVICE_DEPENDENCY_SYNC_STRATEGY = "settings::service-dependency-sync-strategy";
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    cardStyles: {
-      padding: "15px",
-      marginTop: "16px"
-    },
-    textContainerStyles: {
-      marginTop: "16px"
-    },
-    linkStyles: {
-      color: "cadetblue"
-    },
-    descriptionCard: {
-      marginBottom: "24px",
-      borderRadius: "8px"
-    },
-    descriptionText: {
-      fontSize: "16px",
-      color: theme.palette.text.primary,
-      lineHeight: 1.5,
-      marginBottom: "4px"
-    },
-    warningText: {
-      fontSize: "16px",
-      color: theme.palette.text.primary,
-      lineHeight: 1.5
-    }
-  })
-);
-const PagerDutyPage = () => {
-  const { cardStyles, textContainerStyles, linkStyles, descriptionCard, descriptionText, warningText } = useStyles();
-  const pagerDutyApi = useApi(pagerDutyApiRef);
-  const [
-    selectedServiceDependencyStrategy,
-    setSelectedServiceDependencyStrategy
-  ] = useState("disabled");
-  useEffect(() => {
-    function fetchSetting() {
-      pagerDutyApi.getSetting(SERVICE_DEPENDENCY_SYNC_STRATEGY).then((result) => {
-        if (result !== void 0) {
-          setSelectedServiceDependencyStrategy(result.value);
-        }
-      }).catch((error) => {
-        if (error instanceof NotFoundError) {
-          setSelectedServiceDependencyStrategy("disabled");
-        }
-      });
-    }
-    fetchSetting();
-  }, [pagerDutyApi]);
-  const handleChange = (value) => {
-    setSelectedServiceDependencyStrategy(value);
-    pagerDutyApi.storeSettings([
-      {
-        id: SERVICE_DEPENDENCY_SYNC_STRATEGY,
-        value
-      }
-    ]);
-  };
-  return /* @__PURE__ */ jsxs(Page, { themeId: "home", children: [
-    /* @__PURE__ */ jsx(Header, { title: "PagerDuty", subtitle: "Advanced configurations" }),
-    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(TabbedLayout, { children: [
-      /* @__PURE__ */ jsx(TabbedLayout.Route, { path: "/service-mapping", title: "Service Mapping", children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Card, { className: descriptionCard, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-          /* @__PURE__ */ jsx(Text, { className: descriptionText, children: "Easily map your existing PagerDuty services to entities in Backstage without the need to add anotations to all your projects." }),
-          /* @__PURE__ */ jsxs(Text, { className: warningText, children: [
-            /* @__PURE__ */ jsx("strong", { children: "Warning:" }),
-            " Only 1:1 mapping is allowed at this time."
-          ] })
-        ] }) }) }),
-        /* @__PURE__ */ jsx(ServiceMappingComponent, {})
-      ] }) }),
-      /* @__PURE__ */ jsx(TabbedLayout.Route, { path: "/settings", title: "Configuration", children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h4", children: "Plugin configuration" }),
-        /* @__PURE__ */ jsx(Typography, { children: "Configure your PagerDuty plugin configuration here" }),
-        /* @__PURE__ */ jsxs(
-          Card,
-          {
-            title: "Service dependency synchronization preferences",
-            className: cardStyles,
-            children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Service dependency synchronization strategy" }),
-              /* @__PURE__ */ jsxs(
-                RadioGroup,
-                {
-                  label: "Select the main source of truth for your service dependencies",
-                  value: selectedServiceDependencyStrategy,
-                  onChange: (value) => handleChange(value),
-                  children: [
-                    /* @__PURE__ */ jsx(Radio, { value: "backstage" /* backstage */, children: "Backstage" }),
-                    /* @__PURE__ */ jsx(Radio, { value: "pagerduty" /* pagerduty */, children: "PagerDuty" }),
-                    /* @__PURE__ */ jsx(Radio, { value: "both" /* both */, children: "Both" }),
-                    /* @__PURE__ */ jsx(Radio, { value: "disabled" /* disabled */, children: "Disabled" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: textContainerStyles, children: /* @__PURE__ */ jsxs(Typography, { children: [
-                /* @__PURE__ */ jsx("b", { children: "Warning: " }),
-                "Changing this setting will affect how your service dependencies are synchronized and may cause data loss. Check the",
-                " ",
-                /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    className: linkStyles,
-                    href: "https://pagerduty.github.io/backstage-plugin-docs/index.html",
-                    children: "documentation"
-                  }
-                ),
-                " ",
-                "for more information."
-              ] }) })
-            ]
-          }
-        )
-      ] }) })
-    ] }) })
-  ] });
-};
+const PagerDutyPage = () => /* @__PURE__ */ jsxs(Page, { themeId: "home", children: [
+  /* @__PURE__ */ jsx(Header, { title: "PagerDuty", subtitle: "Advanced configurations" }),
+  /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(TabbedLayout, { children: [
+    /* @__PURE__ */ jsx(TabbedLayout.Route, { path: "/service-mapping", title: "Service Mapping", children: /* @__PURE__ */ jsx(ServiceMappingPage, {}) }),
+    /* @__PURE__ */ jsx(TabbedLayout.Route, { path: "/custom-fields", title: "Custom Fields", children: /* @__PURE__ */ jsx(CustomFields, {}) }),
+    /* @__PURE__ */ jsx(TabbedLayout.Route, { path: "/settings", title: "Configuration", children: /* @__PURE__ */ jsx(ConfigurationPage, {}) })
+  ] }) })
+] });
 
 export { PagerDutyPage };
 //# sourceMappingURL=index.esm.js.map

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  CardContent,\n  createStyles,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport { Card, RadioGroup, Radio, Flex, Text } 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>(theme =>\n  createStyles({\n    cardStyles: {\n      padding: '15px',\n      marginTop: '16px',\n    },\n    textContainerStyles: {\n      marginTop: '16px',\n    },\n    linkStyles: {\n      color: 'cadetblue',\n    },\n    descriptionCard: {\n      marginBottom: '24px',\n      borderRadius: '8px',\n    },\n    descriptionText: {\n      fontSize: '16px',\n      color: theme.palette.text.primary,\n      lineHeight: 1.5,\n      marginBottom: '4px',\n    },\n    warningText: {\n      fontSize: '16px',\n      color: theme.palette.text.primary,\n      lineHeight: 1.5,\n    },\n  }),\n);\n\n/** @public */\nexport const PagerDutyPage = () => {\n  const { cardStyles, textContainerStyles, linkStyles, descriptionCard, descriptionText, warningText } = 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            <>\n              <Card className={descriptionCard}>\n                <CardContent>\n                  <Flex direction=\"column\">\n                    <Text className={descriptionText}>\n                      Easily map your existing PagerDuty services to entities in\n                      Backstage without the need to add anotations to all your\n                      projects.\n                    </Text>\n                    <Text className={warningText}>\n                      <strong>Warning:</strong> Only 1:1 mapping is allowed at this time.\n                    </Text>\n                  </Flex>\n                </CardContent>\n              </Card>\n\n              <ServiceMappingComponent />\n            </>\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":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import { Header, Page, Content, TabbedLayout } from '@backstage/core-components';\nimport { ServiceMappingPage } from './ServiceMappingPage';\nimport { CustomFields } from './CustomFields';\nimport { ConfigurationPage } from './ConfigurationPage';\n\n/** @public */\nexport const PagerDutyPage = () => (\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          <ServiceMappingPage />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route path=\"/custom-fields\" title=\"Custom Fields\">\n          <CustomFields />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route path=\"/settings\" title=\"Configuration\">\n          <ConfigurationPage />\n        </TabbedLayout.Route>\n      </TabbedLayout>\n    </Content>\n  </Page>\n);\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,aAAA,GAAgB,sBAC3B,IAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,MAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,yBAAA,EAA0B,CAAA;AAAA,kBAC7D,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,OAAb,EAAmB,IAAA,EAAK,oBAAmB,KAAA,EAAM,iBAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,CAAA,EACtB,CAAA;AAAA,oBACA,GAAA,CAAC,YAAA,CAAa,KAAA,EAAb,EAAmB,IAAA,EAAK,kBAAiB,KAAA,EAAM,eAAA,EAC9C,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,EAChB,CAAA;AAAA,oBACA,GAAA,CAAC,YAAA,CAAa,KAAA,EAAb,EAAmB,IAAA,EAAK,aAAY,KAAA,EAAM,eAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA,EACrB;AAAA,GAAA,EACF,CAAA,EACF;AAAA,CAAA,EACF;;;;"}

package/dist/index.d.ts

@@ -4,8 +4,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, FetchApi, ConfigApi } from '@backstage/core-plugin-api';
 import { ReactNode } from 'react';
-import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
-import { PagerDutySetting, PagerDutyEnhancedEntityMappingsResponse, PagerDutyServiceResponse, PagerDutyIncidentsResponse, PagerDutyChangeEventsResponse, PagerDutyService, PagerDutyTeam, PagerDutyServiceStandardsResponse, PagerDutyServiceMetricsResponse, PagerDutyUser, AutoMatchStartResponse, AutoMatchStatusResponse } from '@pagerduty/backstage-plugin-common';
+import { PagerDutySetting, PagerDutyEnhancedEntityMappingsResponse, PagerDutyServiceResponse, PagerDutyIncidentsResponse, PagerDutyChangeEventsResponse, PagerDutyService, PagerDutyTeam, PagerDutyServiceStandardsResponse, PagerDutyServiceMetricsResponse, PagerDutyUser, AutoMatchStartResponse, AutoMatchStatusResponse, BackstageCustomFieldCreateRequest, BackstageCustomField, BackstageCustomFieldsResponse, BackstageCustomFieldUpdateRequest, CustomFieldSyncLogFilters, CustomFieldSyncLogsResponse } from '@pagerduty/backstage-plugin-common';
 export { AutoMatchBackstageComponent, AutoMatchEntityMapping, AutoMatchEntityMappingsResponse, AutoMatchPagerDutyService, AutoMatchScoreBreakdown, AutoMatchStatistics } from '@pagerduty/backstage-plugin-common';
 
 /** @public */
@@ -213,6 +212,35 @@ interface PagerDutyApi {
         id: string;
         isDefault: boolean;
     }>>;
+    /**
+     * Creates a custom field in PagerDuty and stores the mapping.
+     */
+    createCustomField(request: BackstageCustomFieldCreateRequest, account?: string): Promise<Result<BackstageCustomField>>;
+    /**
+     * Fetches all custom fields.
+     */
+    getCustomFields(account?: string): Promise<BackstageCustomFieldsResponse>;
+    /**
+     * Updates an existing custom field mapping.
+     */
+    updateCustomField(id: number, request: BackstageCustomFieldUpdateRequest, account?: string): Promise<Result<BackstageCustomField>>;
+    /**
+     * Enables or disables a custom field. Disabled fields are not synced to
+     * PagerDuty and do not count against the PagerDuty custom field hard limit.
+     */
+    setCustomFieldEnabled(id: number, enabled: boolean, account?: string): Promise<Result<BackstageCustomField>>;
+    /**
+     * Deletes a custom field from both Backstage and PagerDuty, reclaiming the slot.
+     */
+    deleteCustomField(id: number, account?: string): Promise<Result<void>>;
+    /**
+     * Fetches sync logs (paginated, filtered) along with the distinct
+     * filter values for the given account.
+     */
+    getSyncLogs(account?: string, options?: {
+        limit?: number;
+        offset?: number;
+    } & CustomFieldSyncLogFilters): Promise<CustomFieldSyncLogsResponse>;
 }
 /** @public */
 type PagerDutyClientApiDependencies = {
@@ -223,12 +251,22 @@ type PagerDutyClientApiDependencies = {
 type PagerDutyClientApiConfig = PagerDutyClientApiDependencies & {
     eventsBaseUrl?: string;
 };
+/** @public */
+type Result<T> = {
+    status: 'ok';
+    data: T;
+    error: null;
+} | {
+    status: 'error';
+    data: null;
+    error: string;
+};
 
 /** @public */
 declare class UnauthorizedError extends Error {
 }
 /** @public */
-declare const pagerDutyApiRef: _backstage_frontend_plugin_api.ApiRef<PagerDutyApi>;
+declare const pagerDutyApiRef: _backstage_core_plugin_api.ApiRef<PagerDutyApi>;
 /** @public */
 declare class PagerDutyClient implements PagerDutyApi {
     private readonly config;
@@ -289,6 +327,15 @@ declare class PagerDutyClient implements PagerDutyApi {
         id: string;
         isDefault: boolean;
     }>>;
+    createCustomField(request: BackstageCustomFieldCreateRequest, account?: string): Promise<Result<BackstageCustomField>>;
+    getCustomFields(account?: string): Promise<BackstageCustomFieldsResponse>;
+    getSyncLogs(account?: string, options?: {
+        limit?: number;
+        offset?: number;
+    } & CustomFieldSyncLogFilters): Promise<CustomFieldSyncLogsResponse>;
+    updateCustomField(id: number, request: BackstageCustomFieldUpdateRequest, account?: string): Promise<Result<BackstageCustomField>>;
+    setCustomFieldEnabled(id: number, enabled: boolean, account?: string): Promise<Result<BackstageCustomField>>;
+    deleteCustomField(id: number, account?: string): Promise<Result<void>>;
     private findByUrl;
     private request;
 }

package/dist/package.json.esm.js

@@ -1,6 +1,6 @@
 var name = "@pagerduty/backstage-plugin";
 var description = "A Backstage plugin that integrates towards PagerDuty";
-var version = "0.20.0";
+var version = "0.21.0";
 var main = "dist/index.esm.js";
 var types = "dist/index.d.ts";
 var license = "Apache-2.0";
@@ -49,7 +49,7 @@ var dependencies = {
 	"@backstage/plugin-catalog-react": "backstage:^",
 	"@backstage/plugin-home-react": "backstage:^",
 	"@backstage/theme": "backstage:^",
-	"@backstage/ui": "^0.14.3",
+	"@backstage/ui": "backstage:^",
 	"@emotion/react": "^11.11.4",
 	"@emotion/styled": "^11.11.5",
 	"@material-ui/core": "^4.12.2",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagerduty/backstage-plugin",
   "description": "A Backstage plugin that integrates towards PagerDuty",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -43,17 +43,17 @@
     "clean": "backstage-cli package clean"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.7.6",
-    "@backstage/core-compat-api": "^0.5.7",
-    "@backstage/core-components": "^0.18.6",
-    "@backstage/core-plugin-api": "^1.12.2",
-    "@backstage/errors": "^1.2.7",
-    "@backstage/frontend-plugin-api": "^0.13.4",
-    "@backstage/plugin-catalog": "^1.32.2",
-    "@backstage/plugin-catalog-react": "^1.21.6",
-    "@backstage/plugin-home-react": "^0.1.34",
-    "@backstage/theme": "^0.7.1",
-    "@backstage/ui": "^0.14.3",
+    "@backstage/catalog-model": "^1.9.0",
+    "@backstage/core-compat-api": "^0.5.11",
+    "@backstage/core-components": "^0.18.10",
+    "@backstage/core-plugin-api": "^1.12.6",
+    "@backstage/errors": "^1.3.1",
+    "@backstage/frontend-plugin-api": "^0.17.1",
+    "@backstage/plugin-catalog": "^2.0.5",
+    "@backstage/plugin-catalog-react": "^3.0.0",
+    "@backstage/plugin-home-react": "^0.1.38",
+    "@backstage/theme": "^0.7.3",
+    "@backstage/ui": "^0.15.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@material-ui/core": "^4.12.2",
@@ -62,7 +62,7 @@
     "@mui/icons-material": "^5.15.19",
     "@mui/material": "^5.15.19",
     "@mui/x-date-pickers": "^7.6.1",
-    "@pagerduty/backstage-plugin-common": "~0.4.0",
+    "@pagerduty/backstage-plugin-common": "~0.5.0",
     "@tanstack/react-query": "^5.40.1",
     "luxon": "^3.4.1",
     "material-react-table": "^2.13.0",
@@ -75,10 +75,10 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.35.3",
-    "@backstage/core-app-api": "^1.19.4",
-    "@backstage/frontend-defaults": "^0.3.6",
-    "@backstage/test-utils": "^1.7.14",
+    "@backstage/cli": "^0.36.2",
+    "@backstage/core-app-api": "^1.20.1",
+    "@backstage/frontend-defaults": "^0.5.2",
+    "@backstage/test-utils": "^1.7.18",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/copyfiles": "^2",
     "copyfiles": "^2.4.1",

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

@@ -1,21 +0,0 @@
-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

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