@pagerduty/backstage-plugin 0.12.1-next.36 → 0.12.1-next.38

package/dist/esm/index-651410c0.esm.js

@@ -0,0 +1,206 @@
+import React, { useState, useEffect } from 'react';
+import { Typography, FormControl, Select, MenuItem, Button, Grid } from '@material-ui/core';
+import { Table, Page, Header, Content } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { p as pagerDutyApiRef } from './index-60c5b4e8.esm.js';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import '@backstage/errors';
+import '@backstage/plugin-home-react';
+import 'luxon';
+import '@material-ui/icons/OpenInBrowser';
+import '../assets/emptystate.svg';
+import 'react-use/lib/useAsyncFn';
+import '@material-ui/lab';
+import '../assets/forbiddenstate.svg';
+import '@material-ui/core/Avatar';
+import '@material-ui/icons/Notifications';
+import 'react-use/lib/useAsync';
+import '@material-ui/icons/Link';
+import '../assets/PD-Green.svg';
+import '../assets/PD-White.svg';
+import 'validate-color';
+import '@material-ui/icons/Info';
+import '@material-ui/icons/CheckCircle';
+import '@material-ui/icons/RadioButtonUnchecked';
+import '@material-ui/core/styles';
+import 'react-use';
+import '@material-ui/lab/Alert/Alert';
+import '@backstage/catalog-model';
+import '@material-ui/icons/AddAlert';
+import '@material-ui/icons/ExpandMore';
+
+function getColorFromStatus(status) {
+  switch (status) {
+    case "InSync":
+      return "green";
+    case "OutOfSync":
+      return "red";
+    case "NotMapped":
+      return "orange";
+    default:
+      return "gray";
+  }
+}
+const ServiceMappingComponent = () => {
+  const [tableData, setTableData] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const pagerDutyApi = useApi(pagerDutyApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  useEffect(() => {
+    async function fetchEntities() {
+      const { items } = await catalogApi.getEntities({
+        filter: { kind: "Component" }
+      });
+      const backstageServices = [];
+      items.forEach((entity) => {
+        var _a, _b, _c, _d, _e, _f;
+        backstageServices.push({
+          name: (_a = entity.metadata) == null ? void 0 : _a.name,
+          id: (_c = (_b = entity.metadata) == null ? void 0 : _b.uid) != null ? _c : "",
+          system: JSON.stringify((_d = entity.spec) == null ? void 0 : _d.system) || "",
+          owner: JSON.stringify((_e = entity.spec) == null ? void 0 : _e.owner) || "",
+          lifecycle: JSON.stringify((_f = entity.spec) == null ? void 0 : _f.lifecycle) || ""
+        });
+      });
+      return backstageServices;
+    }
+    async function fetchServices() {
+      const { mappings: foundServices } = await pagerDutyApi.getEntityMappings();
+      return foundServices;
+    }
+    Promise.all([fetchEntities(), fetchServices()]).then(
+      ([entities, mappings]) => {
+        const data = buildTableData(entities, mappings);
+        setTableData(data);
+      }
+    );
+    async function handleMappingChange(service, entityId) {
+      const updatedData = [...tableData];
+      const serviceIndex = updatedData.findIndex((item) => item.name === service.serviceName);
+      updatedData[serviceIndex].mappingStatus = /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          variant: "body2",
+          style: {
+            color: getColorFromStatus("OutOfSync")
+          }
+        },
+        '"OutOfSync"'
+      );
+      service.status = "OutOfSync";
+      service.entityRef = entityId;
+      await pagerDutyApi.storeServiceMapping(service.serviceId, entityId);
+      setTableData(updatedData);
+    }
+    function buildTableData(entities, mappings) {
+      const data = mappings.map((service) => {
+        return {
+          name: service.serviceName,
+          team: service.team,
+          escalationPolicy: service.escalationPolicy,
+          // status of mapping
+          mappingStatus: /* @__PURE__ */ React.createElement(
+            Typography,
+            {
+              variant: "body2",
+              style: {
+                color: getColorFromStatus(service.status)
+              }
+            },
+            service.status
+          ),
+          mapping: (
+            // dropdown menu with static options. If service.mapping is defined select that option
+            /* @__PURE__ */ React.createElement(FormControl, { variant: "standard" }, /* @__PURE__ */ React.createElement(
+              Select,
+              {
+                displayEmpty: true,
+                onChange: async (selection) => {
+                  handleMappingChange(
+                    service,
+                    selection.target.value
+                  );
+                },
+                value: service.entityRef
+              },
+              /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, /* @__PURE__ */ React.createElement("em", null, "None")),
+              entities.map((backstageService) => {
+                return /* @__PURE__ */ React.createElement(
+                  MenuItem,
+                  {
+                    key: backstageService.id,
+                    value: backstageService.id
+                  },
+                  backstageService.name
+                );
+              })
+            ))
+          ),
+          actions: /* @__PURE__ */ React.createElement(
+            Button,
+            {
+              variant: "contained",
+              color: "primary",
+              href: service.serviceUrl
+            },
+            "Open in PagerDuty"
+          )
+        };
+      });
+      return data;
+    }
+    setIsLoading(false);
+  }, [catalogApi, pagerDutyApi]);
+  const DenseTable = ({ items }) => {
+    const [data, setData] = useState([]);
+    useEffect(() => {
+      setData(items);
+    }, [items]);
+    const columns = [
+      { title: "PagerDuty Service", field: "name" },
+      { title: "Team", field: "team" },
+      { title: "Escalation Policy", field: "escalationPolicy" },
+      { title: "Mapping", field: "mapping" },
+      { title: "Status", field: "mappingStatus" },
+      { title: "Actions", field: "actions" }
+    ];
+    return /* @__PURE__ */ React.createElement(
+      Table,
+      {
+        isLoading,
+        title: "PagerDuty Service Import",
+        subtitle: "Use this page to import services from PagerDuty and map them to existing Backstage services. Only 1:1 mapping is allowed.",
+        options: {
+          search: true,
+          paging: true,
+          pageSize: 10,
+          pageSizeOptions: [10, 25, 50],
+          sorting: true,
+          emptyRowsWhenPaging: false,
+          showFirstLastPageButtons: true,
+          columnResizable: true,
+          columnsButton: true,
+          rowStyle: {
+            height: "10px"
+          },
+          padding: "dense"
+        },
+        columns,
+        data
+      }
+    );
+  };
+  return /* @__PURE__ */ React.createElement(
+    DenseTable,
+    {
+      items: tableData
+    }
+  );
+};
+
+const PagerDutyPage = () => {
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Header, { title: "PagerDuty", subtitle: "Advanced configurations" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(ServiceMappingComponent, null)))));
+};
+
+export { PagerDutyPage };
+//# sourceMappingURL=index-651410c0.esm.js.map

package/dist/esm/index-651410c0.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-651410c0.esm.js","sources":["../../src/components/PagerDutyPage/ServiceMappingComponent.tsx","../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Table, TableColumn } from \"@backstage/core-components\";\nimport {\n  Button,\n  FormControl,\n  MenuItem,\n  Select,\n  Typography,\n} from \"@material-ui/core\";\nimport { PagerDutyEntityMapping } from \"@pagerduty/backstage-plugin-common\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { catalogApiRef } from \"@backstage/plugin-catalog-react\";\nimport { Entity } from \"@backstage/catalog-model\";\n\ntype Service = {\n  name: string; // \"Ads\"\n  id: string; // \"QWe1j283n12j132\"\n  system: string; // \"Production\"\n  owner: string; // \"Mapped\"\n  lifecycle: string; // \"Ads\"\n};\n\n type TableItem = {\n    name: string | undefined;\n    team: string | undefined;\n    escalationPolicy: string | undefined;\n    mappingStatus: JSX.Element;\n    mapping: JSX.Element;\n    actions: JSX.Element;\n  };\n\ntype DenseTableProps = {\n  items: TableItem[];\n};\n\nfunction getColorFromStatus(status?: string) {\n  switch (status) {\n    case \"InSync\":\n      return \"green\";\n    case \"OutOfSync\":\n      return \"red\";\n    case \"NotMapped\":\n      return \"orange\";\n    default:\n      return \"gray\";\n  }\n}\n\n\n\nexport const ServiceMappingComponent = () => {\n  // const [catalogEntities, setCatalogEntities] = useState<Service[]>([]);\n  // const [serviceMappings, setServiceMappings] = useState<\n  //   PagerDutyEntityMapping[]\n  // >([]);\n  const [tableData, setTableData] = useState<TableItem[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  useEffect(() => {\n    async function fetchEntities(): Promise<Service[]> {\n      const { items } = await catalogApi.getEntities({\n        filter: { kind: \"Component\" },\n      });\n\n      const backstageServices: Service[] = [];\n      items.forEach((entity: Entity) => {\n        backstageServices.push({\n          name: entity.metadata?.name,\n          id: entity.metadata?.uid ?? \"\",\n          system: JSON.stringify(entity.spec?.system) || \"\",\n          owner: JSON.stringify(entity.spec?.owner) || \"\",\n          lifecycle: JSON.stringify(entity.spec?.lifecycle) || \"\",\n        });\n      });\n\n      return backstageServices;\n    }\n\n    async function fetchServices(): Promise<PagerDutyEntityMapping[]> {\n      const { mappings: foundServices } =\n        await pagerDutyApi.getEntityMappings();\n\n      return foundServices;\n    }\n\n    Promise.all([fetchEntities(), fetchServices()]).then(\n      ([entities, mappings]) => {\n        // setCatalogEntities(entities);\n        // setServiceMappings(mappings);\n\n        const data: TableItem[] = buildTableData(entities, mappings);\n        setTableData(data);\n      }\n    );\n\n    async function handleMappingChange(\n      service: PagerDutyEntityMapping,\n      entityId: string\n    ) {\n\n      const updatedData = [...tableData];\n      \n      // find the service in updatedData\n      const serviceIndex = updatedData.findIndex((item) => item.name === service.serviceName);\n      updatedData[serviceIndex].mappingStatus = (\n        <Typography\n          variant=\"body2\"\n          style={{\n            color: getColorFromStatus(\"OutOfSync\"),\n          }}\n        >\n          \"OutOfSync\"\n        </Typography>\n      );\n\n      // update the mapping status\n      service.status = \"OutOfSync\";\n\n      // update the mapping\n      service.entityRef = entityId;\n\n      // store the mapping in the database\n      await pagerDutyApi.storeServiceMapping(service.serviceId, entityId);\n      setTableData(updatedData);\n    }\n\n    function buildTableData(\n      entities: Service[],\n      mappings: PagerDutyEntityMapping[]\n    ): TableItem[] {\n      const data: TableItem[] = mappings.map((service) => {\n        return {\n          name: service.serviceName,\n          team: service.team,\n          escalationPolicy: service.escalationPolicy,\n          // status of mapping\n          mappingStatus: (\n            <Typography\n              variant=\"body2\"\n              style={{\n                color: getColorFromStatus(service.status),\n              }}\n            >\n              {service.status}\n            </Typography>\n          ),\n          mapping: (\n            // dropdown menu with static options. If service.mapping is defined select that option\n            <FormControl variant=\"standard\">\n              <Select\n                displayEmpty\n                onChange={async (selection) => {\n                  handleMappingChange(\n                    service,\n                    selection.target.value as string\n                  );\n                }}\n                value={service.entityRef}\n              >\n                <MenuItem value=\"\">\n                  <em>None</em>\n                </MenuItem>\n                {entities.map((backstageService) => {\n                  return (\n                    <MenuItem\n                      key={backstageService.id}\n                      value={backstageService.id}\n                    >\n                      {backstageService.name}\n                    </MenuItem>\n                  );\n                })}\n              </Select>\n            </FormControl>\n          ),\n          actions: (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              href={service.serviceUrl}\n            >\n              Open in PagerDuty\n            </Button>\n          ),\n        };\n      });\n\n      return data;\n    }\n\n    setIsLoading(false);\n  }, [catalogApi, pagerDutyApi]);\n\n  const DenseTable = ({ items }: DenseTableProps) => {\n    const [data, setData] = useState<TableItem[]>([]);\n\n    useEffect(() => {\n      setData(items);\n    }, [items]);\n\n    const columns: TableColumn[] = [\n      { title: \"PagerDuty Service\", field: \"name\" },\n      { title: \"Team\", field: \"team\" },\n      { title: \"Escalation Policy\", field: \"escalationPolicy\" },\n      { title: \"Mapping\", field: \"mapping\" },\n      { title: \"Status\", field: \"mappingStatus\" },\n      { title: \"Actions\", field: \"actions\" },\n    ];\n\n    return (\n      <Table\n        isLoading={isLoading}\n        title=\"PagerDuty Service Import\"\n        subtitle=\"Use this page to import services from PagerDuty and map them to existing Backstage services. Only 1:1 mapping is allowed.\"\n        options={{\n          search: true,\n          paging: true,\n          pageSize: 10,\n          pageSizeOptions: [10, 25, 50],\n          sorting: true,\n          emptyRowsWhenPaging: false,\n          showFirstLastPageButtons: true,\n          columnResizable: true,\n          columnsButton: true,\n          rowStyle: {\n            height: \"10px\",\n          },\n          padding: \"dense\",\n        }}\n        columns={columns}\n        data={data}\n      />\n    );\n  };\n\n\n  return (\n    <DenseTable\n      items={tableData}\n    />\n  );\n};\n","import React from \"react\";\nimport { Grid } from \"@material-ui/core\";\nimport { Header, Page, Content } from \"@backstage/core-components\";\nimport { ServiceMappingComponent } from \"./ServiceMappingComponent\";\n\n/** @public */\nexport const PagerDutyPage = () => {\n  // const [toggleImport, setToggleImport] = useState(false);\n  // const [toggleSave, setToggleSave] = useState(false);\n\n  // const handleImport = () => {\n  //   setToggleImport(!toggleImport);\n  // };\n\n  // const handleSave = () => {\n  //   setToggleSave(!toggleSave);\n  // }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title=\"PagerDuty\" subtitle=\"Advanced configurations\" />\n      <Content>\n        {/* <Grid container spacing={3} direction=\"column\">\n          <Grid item alignContent=\"flex-end\">\n            <Button variant=\"contained\" color=\"primary\" onClick={() => {handleImport()}}>\n              Import\n            </Button>\n            <Button variant=\"outlined\" color=\"primary\" onClick={() => {handleSave()}}>\n              Save\n            </Button>\n          </Grid>\n        </Grid> */}\n        <Grid container spacing={3} direction=\"column\">\n          <Grid item>\n            <ServiceMappingComponent />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/{index-7849d264.esm.js → index-a70001be.esm.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { P as PagerDutyCard } from './index-e659d0f9.esm.js';
+import { P as PagerDutyCard } from './index-60c5b4e8.esm.js';
 import '@backstage/core-plugin-api';
 import '@backstage/errors';
 import '@backstage/plugin-home-react';
@@ -34,4 +34,4 @@ const Content = (props) => {
 };
 
 export { Content };
-//# sourceMappingURL=index-7849d264.esm.js.map
+//# sourceMappingURL=index-a70001be.esm.js.map

package/dist/esm/{index-7849d264.esm.js.map → index-a70001be.esm.js.map}

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

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { E as EntityPagerDutyCard, c as EntityPagerDutySmallCard, H as HomePagePagerDutyCard, f as PagerDutyCard, e as PagerDutyClient, b as PagerDutyPage, T as TriggerButton, U as UnauthorizedError, i as isPagerDutyAvailable, d as isPagerDutySmallCardAvailable, i as isPluginApplicableToEntity, p as pagerDutyApiRef, a as pagerDutyPlugin, a as plugin } from './esm/index-e659d0f9.esm.js';
+export { E as EntityPagerDutyCard, c as EntityPagerDutySmallCard, H as HomePagePagerDutyCard, f as PagerDutyCard, e as PagerDutyClient, b as PagerDutyPage, T as TriggerButton, U as UnauthorizedError, i as isPagerDutyAvailable, d as isPagerDutySmallCardAvailable, i as isPluginApplicableToEntity, p as pagerDutyApiRef, a as pagerDutyPlugin, a as plugin } from './esm/index-60c5b4e8.esm.js';
 import '@backstage/core-plugin-api';
 import '@backstage/errors';
 import '@backstage/plugin-home-react';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagerduty/backstage-plugin",
   "description": "A Backstage plugin that integrates towards PagerDuty",
-  "version": "0.12.1-next.36",
+  "version": "0.12.1-next.38",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",

package/dist/esm/index-e3f1d904.esm.js

@@ -1,179 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Typography, FormControl, Select, MenuItem, Button, Grid } from '@material-ui/core';
-import { Table, Page, Header, Content } from '@backstage/core-components';
-import { useApi } from '@backstage/core-plugin-api';
-import { p as pagerDutyApiRef } from './index-e659d0f9.esm.js';
-import { catalogApiRef } from '@backstage/plugin-catalog-react';
-import '@backstage/errors';
-import '@backstage/plugin-home-react';
-import 'luxon';
-import '@material-ui/icons/OpenInBrowser';
-import '../assets/emptystate.svg';
-import 'react-use/lib/useAsyncFn';
-import '@material-ui/lab';
-import '../assets/forbiddenstate.svg';
-import '@material-ui/core/Avatar';
-import '@material-ui/icons/Notifications';
-import 'react-use/lib/useAsync';
-import '@material-ui/icons/Link';
-import '../assets/PD-Green.svg';
-import '../assets/PD-White.svg';
-import 'validate-color';
-import '@material-ui/icons/Info';
-import '@material-ui/icons/CheckCircle';
-import '@material-ui/icons/RadioButtonUnchecked';
-import '@material-ui/core/styles';
-import 'react-use';
-import '@material-ui/lab/Alert/Alert';
-import '@backstage/catalog-model';
-import '@material-ui/icons/AddAlert';
-import '@material-ui/icons/ExpandMore';
-
-function getColorFromStatus(status) {
-  switch (status) {
-    case "InSync":
-      return "green";
-    case "OutOfSync":
-      return "red";
-    case "NotMapped":
-      return "orange";
-    default:
-      return "gray";
-  }
-}
-async function handleMappingChange(service, entityId, pagerDutyApi) {
-  service.status = "OutOfSync";
-  service.entityRef = entityId;
-  await pagerDutyApi.storeServiceMapping(service.serviceId, entityId);
-}
-function buildTableData(entities, mappings, pagerDutyApi) {
-  const data = mappings.map((service) => {
-    return {
-      name: service.serviceName,
-      team: service.team,
-      escalationPolicy: service.escalationPolicy,
-      // status of mapping
-      mappingStatus: /* @__PURE__ */ React.createElement(
-        Typography,
-        {
-          variant: "body2",
-          style: {
-            color: getColorFromStatus(service.status)
-          }
-        },
-        service.status
-      ),
-      mapping: (
-        // dropdown menu with static options. If service.mapping is defined select that option
-        /* @__PURE__ */ React.createElement(FormControl, { variant: "standard" }, /* @__PURE__ */ React.createElement(
-          Select,
-          {
-            displayEmpty: true,
-            onChange: async (selection) => {
-              handleMappingChange(service, selection.target.value, pagerDutyApi);
-            },
-            value: service.entityRef
-          },
-          /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, /* @__PURE__ */ React.createElement("em", null, "None")),
-          entities.map((backstageService) => {
-            return /* @__PURE__ */ React.createElement(MenuItem, { key: backstageService.id, value: backstageService.id }, backstageService.name);
-          })
-        ))
-      ),
-      actions: /* @__PURE__ */ React.createElement(Button, { variant: "contained", color: "primary", href: service.serviceUrl }, "Open in PagerDuty")
-    };
-  });
-  return data;
-}
-const DenseTable = ({
-  items,
-  isLoading
-}) => {
-  const [data, setData] = useState([]);
-  useEffect(() => {
-    setData(items);
-  }, [items]);
-  const columns = [
-    { title: "PagerDuty Service", field: "name" },
-    { title: "Team", field: "team" },
-    { title: "Escalation Policy", field: "escalationPolicy" },
-    { title: "Mapping", field: "mapping" },
-    { title: "Status", field: "mappingStatus" },
-    { title: "Actions", field: "actions" }
-  ];
-  return /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      isLoading,
-      title: "PagerDuty Service Import",
-      subtitle: "Use this page to import services from PagerDuty and map them to existing Backstage services. Only 1:1 mapping is allowed.",
-      options: {
-        search: true,
-        paging: true,
-        pageSize: 10,
-        pageSizeOptions: [10, 25, 50],
-        sorting: true,
-        emptyRowsWhenPaging: false,
-        showFirstLastPageButtons: true,
-        columnResizable: true,
-        columnsButton: true,
-        rowStyle: {
-          height: "10px"
-        },
-        padding: "dense"
-      },
-      columns,
-      data
-    }
-  );
-};
-const ServiceMappingComponent = () => {
-  const [tableData, setTableData] = useState([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const pagerDutyApi = useApi(pagerDutyApiRef);
-  const catalogApi = useApi(catalogApiRef);
-  useEffect(() => {
-    async function fetchEntities() {
-      const { items } = await catalogApi.getEntities({
-        filter: { kind: "Component" }
-      });
-      const backstageServices = [];
-      items.forEach((entity) => {
-        var _a, _b, _c, _d, _e, _f;
-        backstageServices.push({
-          name: (_a = entity.metadata) == null ? void 0 : _a.name,
-          id: (_c = (_b = entity.metadata) == null ? void 0 : _b.uid) != null ? _c : "",
-          system: JSON.stringify((_d = entity.spec) == null ? void 0 : _d.system) || "",
-          owner: JSON.stringify((_e = entity.spec) == null ? void 0 : _e.owner) || "",
-          lifecycle: JSON.stringify((_f = entity.spec) == null ? void 0 : _f.lifecycle) || ""
-        });
-      });
-      return backstageServices;
-    }
-    async function fetchServices() {
-      const { mappings: foundServices } = await pagerDutyApi.getEntityMappings();
-      return foundServices;
-    }
-    Promise.all([fetchEntities(), fetchServices()]).then(
-      ([entities, mappings]) => {
-        const data = buildTableData(entities, mappings, pagerDutyApi);
-        setTableData(data);
-      }
-    );
-    setIsLoading(false);
-  }, [catalogApi, pagerDutyApi]);
-  return /* @__PURE__ */ React.createElement(
-    DenseTable,
-    {
-      items: tableData,
-      isLoading
-    }
-  );
-};
-
-const PagerDutyPage = () => {
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Header, { title: "PagerDuty", subtitle: "Advanced configurations" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(ServiceMappingComponent, null)))));
-};
-
-export { PagerDutyPage };
-//# sourceMappingURL=index-e3f1d904.esm.js.map

package/dist/esm/index-e3f1d904.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-e3f1d904.esm.js","sources":["../../src/components/PagerDutyPage/ServiceMappingComponent.tsx","../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Table, TableColumn } from \"@backstage/core-components\";\nimport {\n  Button,\n  FormControl,\n  MenuItem,\n  Select,\n  Typography,\n} from \"@material-ui/core\";\nimport { PagerDutyEntityMapping } from \"@pagerduty/backstage-plugin-common\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { PagerDutyApi, pagerDutyApiRef } from \"../../api\";\nimport { catalogApiRef } from \"@backstage/plugin-catalog-react\";\nimport { Entity } from \"@backstage/catalog-model\";\n\ntype Service = {\n  name: string; // \"Ads\"\n  id: string; // \"QWe1j283n12j132\"\n  system: string; // \"Production\"\n  owner: string; // \"Mapped\"\n  lifecycle: string; // \"Ads\"\n};\n\n type TableItem = {\n    name: string | undefined;\n    team: string | undefined;\n    escalationPolicy: string | undefined;\n    mappingStatus: JSX.Element;\n    mapping: JSX.Element;\n    actions: JSX.Element;\n  };\n\ntype DenseTableProps = {\n  items: TableItem[];\n  isLoading: boolean;\n};\n\nfunction getColorFromStatus(status?: string) {\n  switch (status) {\n    case \"InSync\":\n      return \"green\";\n    case \"OutOfSync\":\n      return \"red\";\n    case \"NotMapped\":\n      return \"orange\";\n    default:\n      return \"gray\";\n  }\n}\n\nasync function handleMappingChange(\n  service: PagerDutyEntityMapping,\n  entityId: string,\n  pagerDutyApi: PagerDutyApi\n) {\n  // update the mapping status\n  service.status = \"OutOfSync\";\n\n  // update the mapping\n  service.entityRef = entityId;\n\n  // store the mapping in the database\n  await pagerDutyApi.storeServiceMapping(service.serviceId, entityId);\n}\n\nfunction buildTableData(\n  entities: Service[],\n  mappings: PagerDutyEntityMapping[],\n  pagerDutyApi: PagerDutyApi\n): TableItem[] {\n  const data: TableItem[] = mappings.map((service) => {\n    return {\n      name: service.serviceName,\n      team: service.team,\n      escalationPolicy: service.escalationPolicy,\n      // status of mapping\n      mappingStatus: (\n        <Typography\n          variant=\"body2\"\n          style={{\n            color: getColorFromStatus(service.status),\n          }}\n        >\n          {service.status}\n        </Typography>\n      ),\n      mapping: (\n        // dropdown menu with static options. If service.mapping is defined select that option\n        <FormControl variant=\"standard\">\n          <Select\n            displayEmpty\n            onChange={async (selection) => {\n              handleMappingChange(service, selection.target.value as string, pagerDutyApi);\n            }}\n            value={service.entityRef}\n          >\n            <MenuItem value=\"\">\n              <em>None</em>\n            </MenuItem>\n            {entities.map((backstageService) => {\n              return (\n                <MenuItem key={backstageService.id} value={backstageService.id}>\n                  {backstageService.name}\n                </MenuItem>\n              );\n            })}\n          </Select>\n        </FormControl>\n      ),\n      actions: (\n        <Button variant=\"contained\" color=\"primary\" href={service.serviceUrl}>\n          Open in PagerDuty\n        </Button>\n      ),\n    };\n  });\n\n  return data;\n}\n\nexport const DenseTable = ({\n  items,\n  isLoading,\n}: DenseTableProps) => {\n  const [data, setData] = useState<TableItem[]>([]);\n\n  useEffect(() => {\n    setData(items);\n  }, [items]);\n\n  const columns: TableColumn[] = [\n    { title: \"PagerDuty Service\", field: \"name\" },\n    { title: \"Team\", field: \"team\" },\n    { title: \"Escalation Policy\", field: \"escalationPolicy\" },\n    { title: \"Mapping\", field: \"mapping\" },\n    { title: \"Status\", field: \"mappingStatus\" },\n    { title: \"Actions\", field: \"actions\" },\n  ];\n\n  return (\n    <Table\n      isLoading={isLoading}\n      title=\"PagerDuty Service Import\"\n      subtitle=\"Use this page to import services from PagerDuty and map them to existing Backstage services. Only 1:1 mapping is allowed.\"\n      options={{\n        search: true,\n        paging: true,\n        pageSize: 10,\n        pageSizeOptions: [10, 25, 50],\n        sorting: true,\n        emptyRowsWhenPaging: false,\n        showFirstLastPageButtons: true,\n        columnResizable: true,\n        columnsButton: true,\n        rowStyle: {\n          height: \"10px\",\n        },\n        padding: \"dense\",\n      }}\n      columns={columns}\n      data={data}\n    />\n  );\n};\n\nexport const ServiceMappingComponent = () => {\n  // const [catalogEntities, setCatalogEntities] = useState<Service[]>([]);\n  // const [serviceMappings, setServiceMappings] = useState<\n  //   PagerDutyEntityMapping[]\n  // >([]);\n  const [tableData, setTableData] = useState<TableItem[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  useEffect(() => {\n    async function fetchEntities(): Promise<Service[]> {\n      const { items } = await catalogApi.getEntities({\n        filter: { kind: \"Component\" },\n      });\n\n      const backstageServices: Service[] = [];\n      items.forEach((entity: Entity) => {\n        backstageServices.push({\n          name: entity.metadata?.name,\n          id: entity.metadata?.uid ?? \"\",\n          system: JSON.stringify(entity.spec?.system) || \"\",\n          owner: JSON.stringify(entity.spec?.owner) || \"\",\n          lifecycle: JSON.stringify(entity.spec?.lifecycle) || \"\",\n        });\n      });\n\n      return backstageServices;\n    }\n\n    async function fetchServices(): Promise<PagerDutyEntityMapping[]> {\n      const { mappings: foundServices } =\n        await pagerDutyApi.getEntityMappings();\n\n      return foundServices;\n    }\n\n    Promise.all([fetchEntities(), fetchServices()]).then(\n      ([entities, mappings]) => {\n        // setCatalogEntities(entities);\n        // setServiceMappings(mappings);\n\n        const data: TableItem[] = buildTableData(entities, mappings, pagerDutyApi);\n        setTableData(data);\n      }\n    );\n\n    setIsLoading(false);\n  }, [catalogApi, pagerDutyApi]);\n\n\n  return (\n    <DenseTable\n      items={tableData}\n      isLoading={isLoading}\n    />\n  );\n};\n","import React from \"react\";\nimport { Grid } from \"@material-ui/core\";\nimport { Header, Page, Content } from \"@backstage/core-components\";\nimport { ServiceMappingComponent } from \"./ServiceMappingComponent\";\n\n/** @public */\nexport const PagerDutyPage = () => {\n  // const [toggleImport, setToggleImport] = useState(false);\n  // const [toggleSave, setToggleSave] = useState(false);\n\n  // const handleImport = () => {\n  //   setToggleImport(!toggleImport);\n  // };\n\n  // const handleSave = () => {\n  //   setToggleSave(!toggleSave);\n  // }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title=\"PagerDuty\" subtitle=\"Advanced configurations\" />\n      <Content>\n        {/* <Grid container spacing={3} direction=\"column\">\n          <Grid item alignContent=\"flex-end\">\n            <Button variant=\"contained\" color=\"primary\" onClick={() => {handleImport()}}>\n              Import\n            </Button>\n            <Button variant=\"outlined\" color=\"primary\" onClick={() => {handleSave()}}>\n              Save\n            </Button>\n          </Grid>\n        </Grid> */}\n        <Grid container spacing={3} direction=\"column\">\n          <Grid item>\n            <ServiceMappingComponent />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}