@axis-backstage/plugin-statuspage 0.3.3 → 0.4.0

package/dist/api/StatuspageApi.esm.js

@@ -0,0 +1,8 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const statuspageApiRef = createApiRef({
+  id: "plugin.statuspage"
+});
+
+export { statuspageApiRef };
+//# sourceMappingURL=StatuspageApi.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatuspageApi.esm.js","sources":["../../src/api/StatuspageApi.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\n\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\n/**\n * The definition for the statuspage api.\n *\n * @public\n */\nexport type StatuspageApi = {\n  getComponents(name: string): Promise<Component[]>;\n  getComponentGroups(name: string): Promise<ComponentGroup[]>;\n  getLink(name: string): Promise<{ url: string }>;\n};\n\n/**\n * The apiref for the statuspage plugin.\n *\n * @public\n */\nexport const statuspageApiRef = createApiRef<StatuspageApi>({\n  id: 'plugin.statuspage',\n});\n"],"names":[],"mappings":";;AAuBO,MAAM,mBAAmB,YAA4B,CAAA;AAAA,EAC1D,EAAI,EAAA,mBAAA;AACN,CAAC;;;;"}

package/dist/api/StatuspageClient.esm.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class StatuspageClient {
+  constructor(options) {
+    __publicField(this, "discoveryApi");
+    __publicField(this, "fetchApi");
+    this.discoveryApi = options.discoveryApi;
+    this.fetchApi = options.fetchApi;
+  }
+  /**
+   * Fetches link for a statuspage
+   *
+   * @param name - name of the statuspage instance (from config)
+   * @returns the url
+   */
+  async getLink(name) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
+    const response = await this.fetchApi.fetch(
+      `${baseUrl}/fetch-link/${encodeURIComponent(name)}`,
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }
+    );
+    if (response.ok) {
+      const data = await response.json();
+      return data;
+    }
+    throw new Error(
+      `Failed to get statuspage link for ${name} with status code ${response.status}`
+    );
+  }
+  /**
+   * Returns the components for a statuspage instance
+   *
+   * @param name - the name of statuspage instance (from config)
+   * @returns the components
+   */
+  async getComponents(name) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
+    const data = await this.fetchApi.fetch(
+      `${baseUrl}/fetch-components/${encodeURIComponent(name)}`,
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }
+    );
+    if (data.ok)
+      return data.json();
+    throw new Error(`Failed to get statuspage components for ${name}`);
+  }
+  /**
+   * Returns the component groups for a statuspage instance
+   *
+   * @param name - the name of the statuspage instance (from config)
+   * @returns the component groups
+   */
+  async getComponentGroups(name) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
+    const data = await this.fetchApi.fetch(
+      `${baseUrl}/fetch-component-groups/${encodeURIComponent(name)}`,
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }
+    );
+    if (data.ok)
+      return data.json();
+    throw new Error(`Failed to get statuspage component groups for ${name}`);
+  }
+}
+
+export { StatuspageClient };
+//# sourceMappingURL=StatuspageClient.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatuspageClient.esm.js","sources":["../../src/api/StatuspageClient.ts"],"sourcesContent":["import { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport { StatuspageApi } from './StatuspageApi';\nimport {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\n/**\n * The client implementation for the frontend api.\n *\n * @public\n */\nexport class StatuspageClient implements StatuspageApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: { discoveryApi: DiscoveryApi; fetchApi: FetchApi }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  /**\n   * Fetches link for a statuspage\n   *\n   * @param name - name of the statuspage instance (from config)\n   * @returns the url\n   */\n  async getLink(name: string): Promise<{ url: string }> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-link/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n    if (response.ok) {\n      const data = await response.json();\n      return data;\n    }\n    throw new Error(\n      `Failed to get statuspage link for ${name} with status code ${response.status}`,\n    );\n  }\n\n  /**\n   * Returns the components for a statuspage instance\n   *\n   * @param name - the name of statuspage instance (from config)\n   * @returns the components\n   */\n  async getComponents(name: string): Promise<Component[]> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const data = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-components/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n\n    if (data.ok) return data.json();\n    throw new Error(`Failed to get statuspage components for ${name}`);\n  }\n\n  /**\n   * Returns the component groups for a statuspage instance\n   *\n   * @param name - the name of the statuspage instance (from config)\n   * @returns the component groups\n   */\n  async getComponentGroups(name: string): Promise<ComponentGroup[]> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const data = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-component-groups/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n\n    if (data.ok) return data.json();\n    throw new Error(`Failed to get statuspage component groups for ${name}`);\n  }\n}\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,gBAA0C,CAAA;AAAA,EAIrD,YAAY,OAA6D,EAAA;AAHzE,IAAiB,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,CAAA;AACjB,IAAiB,aAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAA;AAGf,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA,CAAA;AAAA,GAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,QAAQ,IAAwC,EAAA;AACpD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAe,YAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACjD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA,CAAA;AACjC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAqC,kCAAA,EAAA,IAAI,CAAqB,kBAAA,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,KAC/E,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,cAAc,IAAoC,EAAA;AACtD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAAqB,kBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAA2C,wCAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACnE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,mBAAmB,IAAyC,EAAA;AAChE,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAA2B,wBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MAC7D;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAAiD,8CAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACzE;AACF;;;;"}

package/dist/components/ComponentGroupCard.esm.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import Accordion from '@mui/material/Accordion';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import AccordionSummary from '@mui/material/AccordionSummary';
+import Typography from '@mui/material/Typography';
+import { styled } from '@mui/material/styles';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { ComponentsTable } from './ComponentsTable.esm.js';
+import { ComponentGroupStatusChips } from './ComponentGroupStatusChips.esm.js';
+
+const DenseAccordion = styled(Accordion)({
+  margin: "2px",
+  borderRadius: "2px"
+});
+const DenseAccordionSummary = styled(AccordionSummary)({
+  "&.Mui-expanded": {
+    minHeight: "48px !important"
+  }
+});
+const ComponentGroupCard = ({
+  components,
+  componentGroup,
+  expanded = false
+}) => {
+  return /* @__PURE__ */ React.createElement(DenseAccordion, { key: componentGroup.id, defaultExpanded: expanded }, /* @__PURE__ */ React.createElement(DenseAccordionSummary, { expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, componentGroup.name), /* @__PURE__ */ React.createElement(ComponentGroupStatusChips, { components })), /* @__PURE__ */ React.createElement(AccordionDetails, null, /* @__PURE__ */ React.createElement(ComponentsTable, { components })));
+};
+
+export { ComponentGroupCard };
+//# sourceMappingURL=ComponentGroupCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentGroupCard.esm.js","sources":["../../src/components/ComponentGroupCard.tsx"],"sourcesContent":["import React from 'react';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { ComponentsTable } from './ComponentsTable';\nimport { ComponentGroupStatusChips } from './ComponentGroupStatusChips';\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport type ComponentGroupProps = {\n  components: Component[];\n  componentGroup: ComponentGroup;\n  expanded?: boolean;\n};\n\nconst DenseAccordion = styled(Accordion)({\n  margin: '2px',\n  borderRadius: '2px',\n});\n\nconst DenseAccordionSummary = styled(AccordionSummary)({\n  '&.Mui-expanded': {\n    minHeight: '48px !important',\n  },\n});\n\nexport const ComponentGroupCard = ({\n  components,\n  componentGroup,\n  expanded = false,\n}: ComponentGroupProps) => {\n  return (\n    <DenseAccordion key={componentGroup.id} defaultExpanded={expanded}>\n      <DenseAccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography variant=\"subtitle1\">{componentGroup.name}</Typography>\n        <ComponentGroupStatusChips components={components} />\n      </DenseAccordionSummary>\n      <AccordionDetails>\n        <ComponentsTable components={components} />\n      </AccordionDetails>\n    </DenseAccordion>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAoBA,MAAM,cAAA,GAAiB,MAAO,CAAA,SAAS,CAAE,CAAA;AAAA,EACvC,MAAQ,EAAA,KAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAChB,CAAC,CAAA,CAAA;AAED,MAAM,qBAAA,GAAwB,MAAO,CAAA,gBAAgB,CAAE,CAAA;AAAA,EACrD,gBAAkB,EAAA;AAAA,IAChB,SAAW,EAAA,iBAAA;AAAA,GACb;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,qBAAqB,CAAC;AAAA,EACjC,UAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAA2B,KAAA;AACzB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,GAAK,EAAA,cAAA,CAAe,EAAI,EAAA,eAAA,EAAiB,QACvD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,qBAAsB,EAAA,EAAA,UAAA,kBAAa,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,qBAChD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAA,EAAa,cAAe,CAAA,IAAK,CACrD,kBAAA,KAAA,CAAA,aAAA,CAAC,6BAA0B,UAAwB,EAAA,CACrD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,UAAA,EAAwB,CAC3C,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ComponentGroupStatusChips.esm.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import Grid from '@mui/material/Unstable_Grid2';
+import { StatusChip } from './StatusChip.esm.js';
+
+const ComponentGroupStatusChips = ({
+  components
+}) => /* @__PURE__ */ React.createElement(React.Fragment, null, components.some((component) => component.status !== "operational") ? components.filter((component) => component.status !== "operational").map((component) => /* @__PURE__ */ React.createElement(Grid, { padding: 0, alignSelf: "center", key: component.id }, /* @__PURE__ */ React.createElement(StatusChip, { status: component.status }))) : /* @__PURE__ */ React.createElement(Grid, { padding: 0, alignSelf: "center" }, /* @__PURE__ */ React.createElement(StatusChip, { status: "operational" })));
+
+export { ComponentGroupStatusChips };
+//# sourceMappingURL=ComponentGroupStatusChips.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentGroupStatusChips.esm.js","sources":["../../src/components/ComponentGroupStatusChips.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@mui/material/Unstable_Grid2';\nimport { ComponentsTableProps } from './ComponentsTable';\nimport { StatusChip } from './StatusChip';\n\nexport const ComponentGroupStatusChips = ({\n  components,\n}: ComponentsTableProps) => (\n  <>\n    {components.some(component => component.status !== 'operational') ? (\n      components\n        .filter(component => component.status !== 'operational')\n        .map(component => (\n          <Grid padding={0} alignSelf=\"center\" key={component.id}>\n            <StatusChip status={component.status} />\n          </Grid>\n        ))\n    ) : (\n      <Grid padding={0} alignSelf=\"center\">\n        <StatusChip status=\"operational\" />\n      </Grid>\n    )}\n  </>\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,4BAA4B,CAAC;AAAA,EACxC,UAAA;AACF,CACE,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,WAAW,IAAK,CAAA,CAAA,SAAA,KAAa,UAAU,MAAW,KAAA,aAAa,IAC9D,UACG,CAAA,MAAA,CAAO,eAAa,SAAU,CAAA,MAAA,KAAW,aAAa,CACtD,CAAA,GAAA,CAAI,+BACF,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,CAAG,EAAA,SAAA,EAAU,UAAS,GAAK,EAAA,SAAA,CAAU,sBACjD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,QAAQ,SAAU,CAAA,MAAA,EAAQ,CACxC,CACD,CAAA,uCAEF,IAAK,EAAA,EAAA,OAAA,EAAS,GAAG,SAAU,EAAA,QAAA,EAAA,sCACzB,UAAW,EAAA,EAAA,MAAA,EAAO,aAAc,EAAA,CACnC,CAEJ;;;;"}

package/dist/components/ComponentGroupsList.esm.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import { ComponentGroupCard } from './ComponentGroupCard.esm.js';
+
+const ComponentGroupsList = ({
+  components,
+  componentGroups,
+  expanded
+}) => {
+  return /* @__PURE__ */ React.createElement(Stack, { paddingTop: "10px" }, componentGroups.map((componentGroup) => /* @__PURE__ */ React.createElement(
+    ComponentGroupCard,
+    {
+      key: componentGroup.id,
+      componentGroup,
+      components: components.filter((c) => c.group_id === componentGroup.id),
+      expanded
+    }
+  )));
+};
+
+export { ComponentGroupsList };
+//# sourceMappingURL=ComponentGroupsList.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentGroupsList.esm.js","sources":["../../src/components/ComponentGroupsList.tsx"],"sourcesContent":["import React from 'react';\nimport Stack from '@mui/material/Stack';\nimport { ComponentGroupCard } from './ComponentGroupCard';\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport type ComponentGroupListProps = {\n  components: Component[];\n  componentGroups: ComponentGroup[];\n  expanded?: boolean;\n};\n\nexport const ComponentGroupsList = ({\n  components,\n  componentGroups,\n  expanded,\n}: ComponentGroupListProps) => {\n  return (\n    <Stack paddingTop=\"10px\">\n      {componentGroups.map(componentGroup => (\n        <ComponentGroupCard\n          key={componentGroup.id}\n          componentGroup={componentGroup}\n          components={components.filter(c => c.group_id === componentGroup.id)}\n          expanded={expanded}\n        />\n      ))}\n    </Stack>\n  );\n};\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AACF,CAA+B,KAAA;AAC7B,EAAA,2CACG,KAAM,EAAA,EAAA,UAAA,EAAW,MACf,EAAA,EAAA,eAAA,CAAgB,IAAI,CACnB,cAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,KAAK,cAAe,CAAA,EAAA;AAAA,MACpB,cAAA;AAAA,MACA,YAAY,UAAW,CAAA,MAAA,CAAO,OAAK,CAAE,CAAA,QAAA,KAAa,eAAe,EAAE,CAAA;AAAA,MACnE,QAAA;AAAA,KAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ComponentsTable.esm.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Table } from '@backstage/core-components';
+import { StatusChip } from './StatusChip.esm.js';
+
+const ComponentsTable = ({ components }) => {
+  const columns = [
+    { title: "System", field: "name", id: "id" },
+    {
+      title: "Status",
+      field: "status",
+      render: (rowData) => /* @__PURE__ */ React.createElement(StatusChip, { status: rowData.status }),
+      align: "right"
+    }
+  ];
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      options: {
+        search: false,
+        paging: false,
+        header: false,
+        padding: "dense",
+        toolbar: false
+      },
+      columns,
+      data: components.map(({ name, status, id }) => ({ name, status, id }))
+    }
+  );
+};
+
+export { ComponentsTable };
+//# sourceMappingURL=ComponentsTable.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsTable.esm.js","sources":["../../src/components/ComponentsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport type { Component } from '@axis-backstage/plugin-statuspage-common';\nimport { StatusChip } from './StatusChip';\n\nexport type ComponentsTableProps = {\n  components: Component[];\n};\n\nexport const ComponentsTable = ({ components }: ComponentsTableProps) => {\n  // Columns definition\n  const columns: TableColumn[] = [\n    { title: 'System', field: 'name', id: 'id' },\n    {\n      title: 'Status',\n      field: 'status',\n      render: (rowData: any) => <StatusChip status={rowData.status} />,\n      align: 'right',\n    },\n  ];\n\n  return (\n    <Table\n      options={{\n        search: false,\n        paging: false,\n        header: false,\n        padding: 'dense',\n        toolbar: false,\n      }}\n      columns={columns}\n      data={components.map(({ name, status, id }) => ({ name, status, id }))}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AASO,MAAM,eAAkB,GAAA,CAAC,EAAE,UAAA,EAAuC,KAAA;AAEvE,EAAA,MAAM,OAAyB,GAAA;AAAA,IAC7B,EAAE,KAAO,EAAA,QAAA,EAAU,KAAO,EAAA,MAAA,EAAQ,IAAI,IAAK,EAAA;AAAA,IAC3C;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,QAAA;AAAA,MACP,QAAQ,CAAC,OAAA,yCAAkB,UAAW,EAAA,EAAA,MAAA,EAAQ,QAAQ,MAAQ,EAAA,CAAA;AAAA,MAC9D,KAAO,EAAA,OAAA;AAAA,KACT;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,KAAA;AAAA,QACR,MAAQ,EAAA,KAAA;AAAA,QACR,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,OAAA;AAAA,QACT,OAAS,EAAA,KAAA;AAAA,OACX;AAAA,MACA,OAAA;AAAA,MACA,IAAM,EAAA,UAAA,CAAW,GAAI,CAAA,CAAC,EAAE,IAAA,EAAM,MAAQ,EAAA,EAAA,EAAU,MAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,IAAK,CAAA,CAAA;AAAA,KAAA;AAAA,GACvE,CAAA;AAEJ;;;;"}

package/dist/components/StatusChip.esm.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import Chip from '@mui/material/Chip';
+import { statusColorMap } from './StatuspageComponent.esm.js';
+
+const formatStatusString = (status) => status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+const StatusChip = ({ status }) => /* @__PURE__ */ React.createElement(
+  Chip,
+  {
+    sx: { margin: "0 8px" },
+    size: "small",
+    label: formatStatusString(status),
+    color: statusColorMap[status] || "default"
+  }
+);
+
+export { StatusChip };
+//# sourceMappingURL=StatusChip.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.esm.js","sources":["../../src/components/StatusChip.tsx"],"sourcesContent":["import React from 'react';\nimport type { ComponentStatus } from '@axis-backstage/plugin-statuspage-common';\nimport Chip from '@mui/material/Chip';\nimport { statusColorMap } from './StatuspageComponent';\n\ntype StatusChipProps = {\n  status: ComponentStatus;\n};\n\nconst formatStatusString = (status: string): string =>\n  status\n    .split('_')\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ');\n\nexport const StatusChip = ({ status }: StatusChipProps) => (\n  <Chip\n    sx={{ margin: '0 8px' }}\n    size=\"small\"\n    label={formatStatusString(status)}\n    color={statusColorMap[status] || ('default' as any)}\n  />\n);\n"],"names":[],"mappings":";;;;AASA,MAAM,kBAAA,GAAqB,CAAC,MAC1B,KAAA,MAAA,CACG,MAAM,GAAG,CAAA,CACT,GAAI,CAAA,CAAA,IAAA,KAAQ,IAAK,CAAA,MAAA,CAAO,CAAC,CAAE,CAAA,WAAA,EAAgB,GAAA,IAAA,CAAK,KAAM,CAAA,CAAC,EAAE,WAAY,EAAC,CACtE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAEN,MAAM,UAAa,GAAA,CAAC,EAAE,MAAA,EAC3B,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,EAAA,EAAI,EAAE,MAAA,EAAQ,OAAQ,EAAA;AAAA,IACtB,IAAK,EAAA,OAAA;AAAA,IACL,KAAA,EAAO,mBAAmB,MAAM,CAAA;AAAA,IAChC,KAAA,EAAO,cAAe,CAAA,MAAM,CAAM,IAAA,SAAA;AAAA,GAAA;AACpC;;;;"}

package/dist/components/StatuspageComponent.esm.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Progress, ResponseErrorPanel, InfoCard } from '@backstage/core-components';
+import { ComponentGroupsList } from './ComponentGroupsList.esm.js';
+import IconButton from '@mui/material/IconButton';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { useComponents } from '../hooks/useComponents.esm.js';
+
+const statusColorMap = {
+  under_maintenance: "info",
+  operational: "success",
+  degraded_performance: "warning",
+  partial_outage: "warning",
+  major_outage: "error"
+};
+const StatuspageComponent = ({ name }) => {
+  const { loading, error, value } = useComponents(name);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "Go to our statuspage",
+      role: "button",
+      title: "Go to statuspage(.io)",
+      href: value == null ? void 0 : value.url,
+      target: "_blank"
+    },
+    /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
+  );
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Status of our services", action: linkAction }, /* @__PURE__ */ React.createElement(
+    ComponentGroupsList,
+    {
+      components: (value == null ? void 0 : value.components) || [],
+      componentGroups: (value == null ? void 0 : value.componentGroups) || []
+    }
+  ));
+};
+
+export { StatuspageComponent, statusColorMap };
+//# sourceMappingURL=StatuspageComponent.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatuspageComponent.esm.js","sources":["../../src/components/StatuspageComponent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport type { ComponentStatus } from '@axis-backstage/plugin-statuspage-common';\nimport { ComponentGroupsList } from './ComponentGroupsList';\nimport IconButton from '@mui/material/IconButton';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { useComponents } from '../hooks/useComponents';\n\n/**\n * StatuspageComponent props.\n *\n * @public\n */\nexport type StatuspageProps = {\n  name: string;\n};\n\n/**\n * Maps statuspage component statuses to MUI colors.\n *\n * @public\n */\nexport const statusColorMap: { [key in ComponentStatus]: string } = {\n  under_maintenance: 'info',\n  operational: 'success',\n  degraded_performance: 'warning',\n  partial_outage: 'warning',\n  major_outage: 'error',\n};\n\n/**\n * Visualizes a full statuspage.\n *\n * @param name - instance name from app config.\n * @public\n */\nexport const StatuspageComponent = ({ name }: StatuspageProps) => {\n  const { loading, error, value } = useComponents(name);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const linkAction = value?.url && (\n    <IconButton\n      aria-label=\"Go to our statuspage\"\n      role=\"button\"\n      title=\"Go to statuspage(.io)\"\n      href={value?.url}\n      target=\"_blank\"\n    >\n      <OpenInNewIcon />\n    </IconButton>\n  );\n\n  return (\n    <InfoCard title=\"Status of our services\" action={linkAction}>\n      <ComponentGroupsList\n        components={value?.components || []}\n        componentGroups={value?.componentGroups || []}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,cAAuD,GAAA;AAAA,EAClE,iBAAmB,EAAA,MAAA;AAAA,EACnB,WAAa,EAAA,SAAA;AAAA,EACb,oBAAsB,EAAA,SAAA;AAAA,EACtB,cAAgB,EAAA,SAAA;AAAA,EAChB,YAAc,EAAA,OAAA;AAChB,EAAA;AAQO,MAAM,mBAAsB,GAAA,CAAC,EAAE,IAAA,EAA4B,KAAA;AAChE,EAAA,MAAM,EAAE,OAAS,EAAA,KAAA,EAAO,KAAM,EAAA,GAAI,cAAc,IAAI,CAAA,CAAA;AAEpD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AACA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAM,MAAA,UAAA,GAAA,CAAa,+BAAO,GACxB,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,sBAAA;AAAA,MACX,IAAK,EAAA,QAAA;AAAA,MACL,KAAM,EAAA,uBAAA;AAAA,MACN,MAAM,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA;AAAA,MACb,MAAO,EAAA,QAAA;AAAA,KAAA;AAAA,wCAEN,aAAc,EAAA,IAAA,CAAA;AAAA,GACjB,CAAA;AAGF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,wBAAA,EAAyB,QAAQ,UAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAA,CAAY,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,UAAA,KAAc,EAAC;AAAA,MAClC,eAAA,EAAA,CAAiB,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,eAAA,KAAmB,EAAC;AAAA,KAAA;AAAA,GAEhD,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/StatuspageEntityCard.esm.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Progress, ResponseErrorPanel, InfoCard } from '@backstage/core-components';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { ComponentsTable } from './ComponentsTable.esm.js';
+import { ComponentGroupsList } from './ComponentGroupsList.esm.js';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';
+import { useComponents } from '../hooks/useComponents.esm.js';
+
+const StatuspageEntityCard = () => {
+  var _a, _b;
+  const { entity } = useEntity();
+  const [name, wantedComponentsStr] = (_b = (_a = entity.metadata.annotations) == null ? void 0 : _a[STATUSPAGE_ANNOTATION]) == null ? void 0 : _b.split(":");
+  const wantedComponents = wantedComponentsStr == null ? void 0 : wantedComponentsStr.split(",").map((it) => it.trim());
+  const { loading, error, value } = useComponents(name);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "Go to our statuspage",
+      role: "button",
+      title: "Go to statuspage(.io)",
+      href: value == null ? void 0 : value.url,
+      target: "_blank"
+    },
+    /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
+  );
+  const fullStatuspage = !wantedComponents;
+  const filteredComponents = (value == null ? void 0 : value.components.filter(
+    (c) => !fullStatuspage && !c.group && wantedComponents.includes(c.id)
+  )) || [];
+  const filteredComponentGroups = (value == null ? void 0 : value.componentGroups.filter(
+    (c) => fullStatuspage || wantedComponents.includes(c.id)
+  )) || [];
+  const noComponents = (!filteredComponents || filteredComponentGroups.length === 0) && filteredComponents && filteredComponents.length === 0;
+  if (noComponents) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "Service Status", action: linkAction }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "#FF5555" }, "The specified statuspage.io components could not be found. Check your annotation."));
+  }
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Service Status", action: linkAction }, filteredComponents && filteredComponents.length > 0 && /* @__PURE__ */ React.createElement(ComponentsTable, { components: filteredComponents }), filteredComponentGroups && filteredComponentGroups.length > 0 && /* @__PURE__ */ React.createElement(
+    ComponentGroupsList,
+    {
+      components: (value == null ? void 0 : value.components) || [],
+      componentGroups: filteredComponentGroups,
+      expanded: !fullStatuspage
+    }
+  ));
+};
+
+export { StatuspageEntityCard };
+//# sourceMappingURL=StatuspageEntityCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatuspageEntityCard.esm.js","sources":["../../src/components/StatuspageEntityCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { ComponentsTable } from './ComponentsTable';\nimport { ComponentGroupsList } from './ComponentGroupsList';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';\nimport { useComponents } from '../hooks/useComponents';\n\n/**\n * Statuspage card intended for the EntityPage. Allows embedding of specific\n * statuspage components and component groups.\n *\n * @public\n */\nexport const StatuspageEntityCard = () => {\n  const { entity } = useEntity();\n  const [name, wantedComponentsStr] =\n    entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]?.split(':')!;\n  const wantedComponents = wantedComponentsStr?.split(',').map(it => it.trim());\n\n  const { loading, error, value } = useComponents(name);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const linkAction = value?.url && (\n    <IconButton\n      aria-label=\"Go to our statuspage\"\n      role=\"button\"\n      title=\"Go to statuspage(.io)\"\n      href={value?.url}\n      target=\"_blank\"\n    >\n      <OpenInNewIcon />\n    </IconButton>\n  );\n\n  const fullStatuspage = !wantedComponents;\n  const filteredComponents =\n    value?.components.filter(\n      c => !fullStatuspage && !c.group && wantedComponents.includes(c.id),\n    ) || [];\n  const filteredComponentGroups =\n    value?.componentGroups.filter(\n      c => fullStatuspage || wantedComponents.includes(c.id),\n    ) || [];\n  const noComponents =\n    (!filteredComponents || filteredComponentGroups.length === 0) &&\n    filteredComponents &&\n    filteredComponents.length === 0;\n\n  if (noComponents) {\n    return (\n      <InfoCard title=\"Service Status\" action={linkAction}>\n        <Typography variant=\"body2\" color=\"#FF5555\">\n          The specified statuspage.io components could not be found. Check your\n          annotation.\n        </Typography>\n      </InfoCard>\n    );\n  }\n  return (\n    <InfoCard title=\"Service Status\" action={linkAction}>\n      {filteredComponents && filteredComponents.length > 0 && (\n        <ComponentsTable components={filteredComponents} />\n      )}\n      {filteredComponentGroups && filteredComponentGroups.length > 0 && (\n        <ComponentGroupsList\n          components={value?.components || []}\n          componentGroups={filteredComponentGroups}\n          expanded={!fullStatuspage}\n        />\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useComponents.esm.js

@@ -0,0 +1,20 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { statuspageApiRef } from '../api/StatuspageApi.esm.js';
+import useAsync from 'react-use/lib/useAsync';
+
+const useComponents = (name) => {
+  const statuspageApi = useApi(statuspageApiRef);
+  return useAsync(async () => {
+    const components = await statuspageApi.getComponents(name);
+    const componentGroups = await statuspageApi.getComponentGroups(name);
+    const { url } = await statuspageApi.getLink(name);
+    return {
+      components,
+      componentGroups,
+      url
+    };
+  }, [name]);
+};
+
+export { useComponents };
+//# sourceMappingURL=useComponents.esm.js.map

package/dist/hooks/useComponents.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponents.esm.js","sources":["../../src/hooks/useComponents.ts"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { statuspageApiRef } from '../api/StatuspageApi';\nimport useAsync from 'react-use/lib/useAsync';\nimport {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport const useComponents = (name: string) => {\n  const statuspageApi = useApi(statuspageApiRef);\n\n  return useAsync(async (): Promise<{\n    components: Component[];\n    componentGroups: ComponentGroup[];\n    url?: string;\n  }> => {\n    const components = await statuspageApi.getComponents(name);\n    const componentGroups = await statuspageApi.getComponentGroups(name);\n    const { url } = await statuspageApi.getLink(name);\n    return {\n      components,\n      componentGroups,\n      url,\n    };\n  }, [name]);\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,aAAA,GAAgB,CAAC,IAAiB,KAAA;AAC7C,EAAM,MAAA,aAAA,GAAgB,OAAO,gBAAgB,CAAA,CAAA;AAE7C,EAAA,OAAO,SAAS,YAIV;AACJ,IAAA,MAAM,UAAa,GAAA,MAAM,aAAc,CAAA,aAAA,CAAc,IAAI,CAAA,CAAA;AACzD,IAAA,MAAM,eAAkB,GAAA,MAAM,aAAc,CAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,GAAI,EAAA,GAAI,MAAM,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAChD,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,MACA,eAAA;AAAA,MACA,GAAA;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AACX;;;;"}

package/dist/index.d.ts

@@ -100,4 +100,4 @@ declare class StatuspageClient implements StatuspageApi {
     getComponentGroups(name: string): Promise<ComponentGroup[]>;
 }
 
-export { StatuspageApi, StatuspageClient, StatuspageEntityCard, StatuspagePage, StatuspageProps, isStatuspageAvailable, statuspageApiRef, statuspagePlugin };
+export { type StatuspageApi, StatuspageClient, StatuspageEntityCard, StatuspagePage, type StatuspageProps, isStatuspageAvailable, statuspageApiRef, statuspagePlugin };

package/dist/index.esm.js

@@ -1,319 +1,14 @@
-import { createRouteRef, createApiRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension, useApi } from '@backstage/core-plugin-api';
-import { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';
-import React from 'react';
-import { Progress, ResponseErrorPanel, InfoCard, Table } from '@backstage/core-components';
-import OpenInNewIcon from '@mui/icons-material/OpenInNew';
-import { useEntity } from '@backstage/plugin-catalog-react';
-import Chip from '@mui/material/Chip';
-import Stack from '@mui/material/Stack';
-import Accordion from '@mui/material/Accordion';
-import AccordionDetails from '@mui/material/AccordionDetails';
-import AccordionSummary from '@mui/material/AccordionSummary';
-import Typography from '@mui/material/Typography';
-import { styled } from '@mui/material/styles';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import Grid from '@mui/material/Unstable_Grid2';
-import IconButton from '@mui/material/IconButton';
-import useAsync from 'react-use/lib/useAsync';
-
-const rootRouteRef = createRouteRef({
-  id: "statuspage"
-});
-
-const statuspageApiRef = createApiRef({
-  id: "plugin.statuspage"
-});
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class StatuspageClient {
-  constructor(options) {
-    __publicField(this, "discoveryApi");
-    __publicField(this, "fetchApi");
-    this.discoveryApi = options.discoveryApi;
-    this.fetchApi = options.fetchApi;
-  }
-  /**
-   * Fetches link for a statuspage
-   *
-   * @param name - name of the statuspage instance (from config)
-   * @returns the url
-   */
-  async getLink(name) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
-    const response = await this.fetchApi.fetch(
-      `${baseUrl}/fetch-link/${encodeURIComponent(name)}`,
-      {
-        method: "GET",
-        headers: {
-          "Content-Type": "application/json"
-        }
-      }
-    );
-    if (response.ok) {
-      const data = await response.json();
-      return data;
-    }
-    throw new Error(
-      `Failed to get statuspage link for ${name} with status code ${response.status}`
-    );
-  }
-  /**
-   * Returns the components for a statuspage instance
-   *
-   * @param name - the name of statuspage instance (from config)
-   * @returns the components
-   */
-  async getComponents(name) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
-    const data = await this.fetchApi.fetch(
-      `${baseUrl}/fetch-components/${encodeURIComponent(name)}`,
-      {
-        method: "GET",
-        headers: {
-          "Content-Type": "application/json"
-        }
-      }
-    );
-    if (data.ok)
-      return data.json();
-    throw new Error(`Failed to get statuspage components for ${name}`);
-  }
-  /**
-   * Returns the component groups for a statuspage instance
-   *
-   * @param name - the name of the statuspage instance (from config)
-   * @returns the component groups
-   */
-  async getComponentGroups(name) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
-    const data = await this.fetchApi.fetch(
-      `${baseUrl}/fetch-component-groups/${encodeURIComponent(name)}`,
-      {
-        method: "GET",
-        headers: {
-          "Content-Type": "application/json"
-        }
-      }
-    );
-    if (data.ok)
-      return data.json();
-    throw new Error(`Failed to get statuspage component groups for ${name}`);
-  }
-}
-
-const isStatuspageAvailable = (entity) => {
-  var _a;
-  return Boolean((_a = entity.metadata.annotations) == null ? void 0 : _a[STATUSPAGE_ANNOTATION]);
-};
-const statuspagePlugin = createPlugin({
-  id: "statuspage",
-  apis: [
-    createApiFactory({
-      api: statuspageApiRef,
-      deps: {
-        discoveryApi: discoveryApiRef,
-        fetchApi: fetchApiRef
-      },
-      factory: ({ discoveryApi, fetchApi }) => new StatuspageClient({ discoveryApi, fetchApi })
-    })
-  ],
-  routes: {
-    root: rootRouteRef
-  }
-});
-const StatuspagePage = statuspagePlugin.provide(
-  createRoutableExtension({
-    name: "StatuspagePage",
-    component: () => Promise.resolve().then(function () { return StatuspageComponent$1; }).then(
-      (m) => m.StatuspageComponent
-    ),
-    mountPoint: rootRouteRef
-  })
-);
-
-const ComponentGroupStatusChips = ({
-  components
-}) => /* @__PURE__ */ React.createElement(React.Fragment, null, components.some((component) => component.status !== "operational") ? components.filter((component) => component.status !== "operational").map((component) => /* @__PURE__ */ React.createElement(Grid, { padding: 0, alignSelf: "center", key: component.id }, /* @__PURE__ */ React.createElement(StatusChip, { status: component.status }))) : /* @__PURE__ */ React.createElement(Grid, { padding: 0, alignSelf: "center" }, /* @__PURE__ */ React.createElement(StatusChip, { status: "operational" })));
-
-const DenseAccordion = styled(Accordion)({
-  margin: "2px",
-  borderRadius: "2px"
-});
-const DenseAccordionSummary = styled(AccordionSummary)({
-  "&.Mui-expanded": {
-    minHeight: "48px !important"
-  }
-});
-const ComponentGroupCard = ({
-  components,
-  componentGroup,
-  expanded = false
-}) => {
-  return /* @__PURE__ */ React.createElement(DenseAccordion, { key: componentGroup.id, defaultExpanded: expanded }, /* @__PURE__ */ React.createElement(DenseAccordionSummary, { expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, componentGroup.name), /* @__PURE__ */ React.createElement(ComponentGroupStatusChips, { components })), /* @__PURE__ */ React.createElement(AccordionDetails, null, /* @__PURE__ */ React.createElement(ComponentsTable, { components })));
-};
-
-const ComponentGroupsList = ({
-  components,
-  componentGroups,
-  expanded
-}) => {
-  return /* @__PURE__ */ React.createElement(Stack, { paddingTop: "10px" }, componentGroups.map((componentGroup) => /* @__PURE__ */ React.createElement(
-    ComponentGroupCard,
-    {
-      key: componentGroup.id,
-      componentGroup,
-      components: components.filter((c) => c.group_id === componentGroup.id),
-      expanded
-    }
-  )));
-};
-
-const useComponents = (name) => {
-  const statuspageApi = useApi(statuspageApiRef);
-  return useAsync(async () => {
-    const components = await statuspageApi.getComponents(name);
-    const componentGroups = await statuspageApi.getComponentGroups(name);
-    const { url } = await statuspageApi.getLink(name);
-    return {
-      components,
-      componentGroups,
-      url
-    };
-  }, [name]);
-};
-
-const statusColorMap = {
-  under_maintenance: "info",
-  operational: "success",
-  degraded_performance: "warning",
-  partial_outage: "warning",
-  major_outage: "error"
-};
-const StatuspageComponent = ({ name }) => {
-  const { loading, error, value } = useComponents(name);
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "Go to our statuspage",
-      role: "button",
-      title: "Go to statuspage(.io)",
-      href: value == null ? void 0 : value.url,
-      target: "_blank"
-    },
-    /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
-  );
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Status of our services", action: linkAction }, /* @__PURE__ */ React.createElement(
-    ComponentGroupsList,
-    {
-      components: (value == null ? void 0 : value.components) || [],
-      componentGroups: (value == null ? void 0 : value.componentGroups) || []
-    }
-  ));
-};
-
-var StatuspageComponent$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  statusColorMap: statusColorMap,
-  StatuspageComponent: StatuspageComponent
-});
-
-const formatStatusString = (status) => status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
-const StatusChip = ({ status }) => /* @__PURE__ */ React.createElement(
-  Chip,
-  {
-    sx: { margin: "0 8px" },
-    size: "small",
-    label: formatStatusString(status),
-    color: statusColorMap[status] || "default"
-  }
-);
-
-const ComponentsTable = ({ components }) => {
-  const columns = [
-    { title: "System", field: "name", id: "id" },
-    {
-      title: "Status",
-      field: "status",
-      render: (rowData) => /* @__PURE__ */ React.createElement(StatusChip, { status: rowData.status }),
-      align: "right"
-    }
-  ];
-  return /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      options: {
-        search: false,
-        paging: false,
-        header: false,
-        padding: "dense",
-        toolbar: false
-      },
-      columns,
-      data: components.map(({ name, status, id }) => ({ name, status, id }))
-    }
-  );
-};
-
-const StatuspageEntityCard = () => {
-  var _a, _b;
-  const { entity } = useEntity();
-  const [name, wantedComponentsStr] = (_b = (_a = entity.metadata.annotations) == null ? void 0 : _a[STATUSPAGE_ANNOTATION]) == null ? void 0 : _b.split(":");
-  const wantedComponents = wantedComponentsStr == null ? void 0 : wantedComponentsStr.split(",").map((it) => it.trim());
-  const { loading, error, value } = useComponents(name);
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "Go to our statuspage",
-      role: "button",
-      title: "Go to statuspage(.io)",
-      href: value == null ? void 0 : value.url,
-      target: "_blank"
-    },
-    /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
-  );
-  const fullStatuspage = !wantedComponents;
-  const filteredComponents = (value == null ? void 0 : value.components.filter(
-    (c) => !fullStatuspage && !c.group && wantedComponents.includes(c.id)
-  )) || [];
-  const filteredComponentGroups = (value == null ? void 0 : value.componentGroups.filter(
-    (c) => fullStatuspage || wantedComponents.includes(c.id)
-  )) || [];
-  const noComponents = (!filteredComponents || filteredComponentGroups.length === 0) && filteredComponents && filteredComponents.length === 0;
-  if (noComponents) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "Service Status", action: linkAction }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "#FF5555" }, "The specified statuspage.io components could not be found. Check your annotation."));
-  }
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Service Status", action: linkAction }, filteredComponents && filteredComponents.length > 0 && /* @__PURE__ */ React.createElement(ComponentsTable, { components: filteredComponents }), filteredComponentGroups && filteredComponentGroups.length > 0 && /* @__PURE__ */ React.createElement(
-    ComponentGroupsList,
-    {
-      components: (value == null ? void 0 : value.components) || [],
-      componentGroups: filteredComponentGroups,
-      expanded: !fullStatuspage
-    }
-  ));
-};
-
-export { StatuspageClient, StatuspageEntityCard, StatuspagePage, isStatuspageAvailable, statuspageApiRef, statuspagePlugin };
+export { StatuspagePage, isStatuspageAvailable, statuspagePlugin } from './plugin.esm.js';
+export { StatuspageEntityCard } from './components/StatuspageEntityCard.esm.js';
+import './components/ComponentGroupCard.esm.js';
+import 'react';
+import '@mui/material/Stack';
+import '@backstage/core-components';
+import '@mui/material/Chip';
+import '@mui/material/IconButton';
+import '@mui/icons-material/OpenInNew';
+import '@backstage/core-plugin-api';
+export { statuspageApiRef } from './api/StatuspageApi.esm.js';
+import 'react-use/lib/useAsync';
+export { StatuspageClient } from './api/StatuspageClient.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/routes.ts","../src/api/StatuspageApi.ts","../src/api/StatuspageClient.ts","../src/plugin.ts","../src/components/ComponentGroupStatusChips.tsx","../src/components/ComponentGroupCard.tsx","../src/components/ComponentGroupsList.tsx","../src/hooks/useComponents.ts","../src/components/StatuspageComponent.tsx","../src/components/StatusChip.tsx","../src/components/ComponentsTable.tsx","../src/components/StatuspageEntityCard.tsx"],"sourcesContent":["import { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'statuspage',\n});\n","import { createApiRef } from '@backstage/core-plugin-api';\n\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\n/**\n * The definition for the statuspage api.\n *\n * @public\n */\nexport type StatuspageApi = {\n  getComponents(name: string): Promise<Component[]>;\n  getComponentGroups(name: string): Promise<ComponentGroup[]>;\n  getLink(name: string): Promise<{ url: string }>;\n};\n\n/**\n * The apiref for the statuspage plugin.\n *\n * @public\n */\nexport const statuspageApiRef = createApiRef<StatuspageApi>({\n  id: 'plugin.statuspage',\n});\n","import { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport { StatuspageApi } from './StatuspageApi';\nimport {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\n/**\n * The client implementation for the frontend api.\n *\n * @public\n */\nexport class StatuspageClient implements StatuspageApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: { discoveryApi: DiscoveryApi; fetchApi: FetchApi }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  /**\n   * Fetches link for a statuspage\n   *\n   * @param name - name of the statuspage instance (from config)\n   * @returns the url\n   */\n  async getLink(name: string): Promise<{ url: string }> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-link/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n    if (response.ok) {\n      const data = await response.json();\n      return data;\n    }\n    throw new Error(\n      `Failed to get statuspage link for ${name} with status code ${response.status}`,\n    );\n  }\n\n  /**\n   * Returns the components for a statuspage instance\n   *\n   * @param name - the name of statuspage instance (from config)\n   * @returns the components\n   */\n  async getComponents(name: string): Promise<Component[]> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const data = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-components/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n\n    if (data.ok) return data.json();\n    throw new Error(`Failed to get statuspage components for ${name}`);\n  }\n\n  /**\n   * Returns the component groups for a statuspage instance\n   *\n   * @param name - the name of the statuspage instance (from config)\n   * @returns the component groups\n   */\n  async getComponentGroups(name: string): Promise<ComponentGroup[]> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const data = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-component-groups/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n\n    if (data.ok) return data.json();\n    throw new Error(`Failed to get statuspage component groups for ${name}`);\n  }\n}\n","import {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';\nimport { Entity } from '@backstage/catalog-model';\n\nimport { rootRouteRef } from './routes';\nimport { statuspageApiRef } from './api/StatuspageApi';\nimport { StatuspageClient } from './api/StatuspageClient';\n\n/**\n * Checks availability of a statuspage component\n *\n * @public\n */\nexport const isStatuspageAvailable = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]);\n\n/**\n * Create the plugin.\n *\n * @public\n */\nexport const statuspagePlugin = createPlugin({\n  id: 'statuspage',\n  apis: [\n    createApiFactory({\n      api: statuspageApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new StatuspageClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * Routable extension for StatuspageComponent.\n *\n * @public\n */\nexport const StatuspagePage = statuspagePlugin.provide(\n  createRoutableExtension({\n    name: 'StatuspagePage',\n    component: () =>\n      import('./components/StatuspageComponent').then(\n        m => m.StatuspageComponent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n","import React from 'react';\nimport Grid from '@mui/material/Unstable_Grid2';\nimport { ComponentsTableProps } from './ComponentsTable';\nimport { StatusChip } from './StatusChip';\n\nexport const ComponentGroupStatusChips = ({\n  components,\n}: ComponentsTableProps) => (\n  <>\n    {components.some(component => component.status !== 'operational') ? (\n      components\n        .filter(component => component.status !== 'operational')\n        .map(component => (\n          <Grid padding={0} alignSelf=\"center\" key={component.id}>\n            <StatusChip status={component.status} />\n          </Grid>\n        ))\n    ) : (\n      <Grid padding={0} alignSelf=\"center\">\n        <StatusChip status=\"operational\" />\n      </Grid>\n    )}\n  </>\n);\n","import React from 'react';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { ComponentsTable } from './ComponentsTable';\nimport { ComponentGroupStatusChips } from './ComponentGroupStatusChips';\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport type ComponentGroupProps = {\n  components: Component[];\n  componentGroup: ComponentGroup;\n  expanded?: boolean;\n};\n\nconst DenseAccordion = styled(Accordion)({\n  margin: '2px',\n  borderRadius: '2px',\n});\n\nconst DenseAccordionSummary = styled(AccordionSummary)({\n  '&.Mui-expanded': {\n    minHeight: '48px !important',\n  },\n});\n\nexport const ComponentGroupCard = ({\n  components,\n  componentGroup,\n  expanded = false,\n}: ComponentGroupProps) => {\n  return (\n    <DenseAccordion key={componentGroup.id} defaultExpanded={expanded}>\n      <DenseAccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography variant=\"subtitle1\">{componentGroup.name}</Typography>\n        <ComponentGroupStatusChips components={components} />\n      </DenseAccordionSummary>\n      <AccordionDetails>\n        <ComponentsTable components={components} />\n      </AccordionDetails>\n    </DenseAccordion>\n  );\n};\n","import React from 'react';\nimport Stack from '@mui/material/Stack';\nimport { ComponentGroupCard } from './ComponentGroupCard';\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport type ComponentGroupListProps = {\n  components: Component[];\n  componentGroups: ComponentGroup[];\n  expanded?: boolean;\n};\n\nexport const ComponentGroupsList = ({\n  components,\n  componentGroups,\n  expanded,\n}: ComponentGroupListProps) => {\n  return (\n    <Stack paddingTop=\"10px\">\n      {componentGroups.map(componentGroup => (\n        <ComponentGroupCard\n          key={componentGroup.id}\n          componentGroup={componentGroup}\n          components={components.filter(c => c.group_id === componentGroup.id)}\n          expanded={expanded}\n        />\n      ))}\n    </Stack>\n  );\n};\n","import { useApi } from '@backstage/core-plugin-api';\nimport { statuspageApiRef } from '../api/StatuspageApi';\nimport useAsync from 'react-use/lib/useAsync';\nimport {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport const useComponents = (name: string) => {\n  const statuspageApi = useApi(statuspageApiRef);\n\n  return useAsync(async (): Promise<{\n    components: Component[];\n    componentGroups: ComponentGroup[];\n    url?: string;\n  }> => {\n    const components = await statuspageApi.getComponents(name);\n    const componentGroups = await statuspageApi.getComponentGroups(name);\n    const { url } = await statuspageApi.getLink(name);\n    return {\n      components,\n      componentGroups,\n      url,\n    };\n  }, [name]);\n};\n","import React from 'react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport type { ComponentStatus } from '@axis-backstage/plugin-statuspage-common';\nimport { ComponentGroupsList } from './ComponentGroupsList';\nimport IconButton from '@mui/material/IconButton';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { useComponents } from '../hooks/useComponents';\n\n/**\n * StatuspageComponent props.\n *\n * @public\n */\nexport type StatuspageProps = {\n  name: string;\n};\n\n/**\n * Maps statuspage component statuses to MUI colors.\n *\n * @public\n */\nexport const statusColorMap: { [key in ComponentStatus]: string } = {\n  under_maintenance: 'info',\n  operational: 'success',\n  degraded_performance: 'warning',\n  partial_outage: 'warning',\n  major_outage: 'error',\n};\n\n/**\n * Visualizes a full statuspage.\n *\n * @param name - instance name from app config.\n * @public\n */\nexport const StatuspageComponent = ({ name }: StatuspageProps) => {\n  const { loading, error, value } = useComponents(name);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const linkAction = value?.url && (\n    <IconButton\n      aria-label=\"Go to our statuspage\"\n      role=\"button\"\n      title=\"Go to statuspage(.io)\"\n      href={value?.url}\n      target=\"_blank\"\n    >\n      <OpenInNewIcon />\n    </IconButton>\n  );\n\n  return (\n    <InfoCard title=\"Status of our services\" action={linkAction}>\n      <ComponentGroupsList\n        components={value?.components || []}\n        componentGroups={value?.componentGroups || []}\n      />\n    </InfoCard>\n  );\n};\n","import React from 'react';\nimport type { ComponentStatus } from '@axis-backstage/plugin-statuspage-common';\nimport Chip from '@mui/material/Chip';\nimport { statusColorMap } from './StatuspageComponent';\n\ntype StatusChipProps = {\n  status: ComponentStatus;\n};\n\nconst formatStatusString = (status: string): string =>\n  status\n    .split('_')\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ');\n\nexport const StatusChip = ({ status }: StatusChipProps) => (\n  <Chip\n    sx={{ margin: '0 8px' }}\n    size=\"small\"\n    label={formatStatusString(status)}\n    color={statusColorMap[status] || ('default' as any)}\n  />\n);\n","import React from 'react';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport type { Component } from '@axis-backstage/plugin-statuspage-common';\nimport { StatusChip } from './StatusChip';\n\nexport type ComponentsTableProps = {\n  components: Component[];\n};\n\nexport const ComponentsTable = ({ components }: ComponentsTableProps) => {\n  // Columns definition\n  const columns: TableColumn[] = [\n    { title: 'System', field: 'name', id: 'id' },\n    {\n      title: 'Status',\n      field: 'status',\n      render: (rowData: any) => <StatusChip status={rowData.status} />,\n      align: 'right',\n    },\n  ];\n\n  return (\n    <Table\n      options={{\n        search: false,\n        paging: false,\n        header: false,\n        padding: 'dense',\n        toolbar: false,\n      }}\n      columns={columns}\n      data={components.map(({ name, status, id }) => ({ name, status, id }))}\n    />\n  );\n};\n","import React from 'react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { ComponentsTable } from './ComponentsTable';\nimport { ComponentGroupsList } from './ComponentGroupsList';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';\nimport { useComponents } from '../hooks/useComponents';\n\n/**\n * Statuspage card intended for the EntityPage. Allows embedding of specific\n * statuspage components and component groups.\n *\n * @public\n */\nexport const StatuspageEntityCard = () => {\n  const { entity } = useEntity();\n  const [name, wantedComponentsStr] =\n    entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]?.split(':')!;\n  const wantedComponents = wantedComponentsStr?.split(',').map(it => it.trim());\n\n  const { loading, error, value } = useComponents(name);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const linkAction = value?.url && (\n    <IconButton\n      aria-label=\"Go to our statuspage\"\n      role=\"button\"\n      title=\"Go to statuspage(.io)\"\n      href={value?.url}\n      target=\"_blank\"\n    >\n      <OpenInNewIcon />\n    </IconButton>\n  );\n\n  const fullStatuspage = !wantedComponents;\n  const filteredComponents =\n    value?.components.filter(\n      c => !fullStatuspage && !c.group && wantedComponents.includes(c.id),\n    ) || [];\n  const filteredComponentGroups =\n    value?.componentGroups.filter(\n      c => fullStatuspage || wantedComponents.includes(c.id),\n    ) || [];\n  const noComponents =\n    (!filteredComponents || filteredComponentGroups.length === 0) &&\n    filteredComponents &&\n    filteredComponents.length === 0;\n\n  if (noComponents) {\n    return (\n      <InfoCard title=\"Service Status\" action={linkAction}>\n        <Typography variant=\"body2\" color=\"#FF5555\">\n          The specified statuspage.io components could not be found. Check your\n          annotation.\n        </Typography>\n      </InfoCard>\n    );\n  }\n  return (\n    <InfoCard title=\"Service Status\" action={linkAction}>\n      {filteredComponents && filteredComponents.length > 0 && (\n        <ComponentsTable components={filteredComponents} />\n      )}\n      {filteredComponentGroups && filteredComponentGroups.length > 0 && (\n        <ComponentGroupsList\n          components={value?.components || []}\n          componentGroups={filteredComponentGroups}\n          expanded={!fullStatuspage}\n        />\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,YAAA;AACN,CAAC,CAAA;;ACmBM,MAAM,mBAAmB,YAA4B,CAAA;AAAA,EAC1D,EAAI,EAAA,mBAAA;AACN,CAAC;;;;;;;;ACbM,MAAM,gBAA0C,CAAA;AAAA,EAIrD,YAAY,OAA6D,EAAA;AAHzE,IAAiB,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,CAAA;AACjB,IAAiB,aAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAA;AAGf,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA,CAAA;AAAA,GAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,QAAQ,IAAwC,EAAA;AACpD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAe,YAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACjD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA,CAAA;AACjC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAqC,kCAAA,EAAA,IAAI,CAAqB,kBAAA,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,KAC/E,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,cAAc,IAAoC,EAAA;AACtD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAAqB,kBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAA2C,wCAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACnE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,mBAAmB,IAAyC,EAAA;AAChE,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAA2B,wBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MAC7D;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAAiD,8CAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACzE;AACF;;ACtEa,MAAA,qBAAA,GAAwB,CAAC,MAAgB,KAAA;AApBtD,EAAA,IAAA,EAAA,CAAA;AAqBE,EAAA,OAAA,OAAA,CAAA,CAAQ,EAAO,GAAA,MAAA,CAAA,QAAA,CAAS,WAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8B,qBAAsB,CAAA,CAAA,CAAA;AAAA,EAAA;AAOvD,MAAM,mBAAmB,YAAa,CAAA;AAAA,EAC3C,EAAI,EAAA,YAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,gBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,gBAAiB,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,CAAA;AAAA,KAClD,CAAA;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAOM,MAAM,iBAAiB,gBAAiB,CAAA,OAAA;AAAA,EAC7C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAW,EAAA,MACT,qEAA2C,CAAA,IAAA;AAAA,MACzC,OAAK,CAAE,CAAA,mBAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;ACvDO,MAAM,4BAA4B,CAAC;AAAA,EACxC,UAAA;AACF,CACE,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,WAAW,IAAK,CAAA,CAAA,SAAA,KAAa,UAAU,MAAW,KAAA,aAAa,IAC9D,UACG,CAAA,MAAA,CAAO,eAAa,SAAU,CAAA,MAAA,KAAW,aAAa,CACtD,CAAA,GAAA,CAAI,+BACF,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,CAAG,EAAA,SAAA,EAAU,UAAS,GAAK,EAAA,SAAA,CAAU,sBACjD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,QAAQ,SAAU,CAAA,MAAA,EAAQ,CACxC,CACD,CAAA,uCAEF,IAAK,EAAA,EAAA,OAAA,EAAS,GAAG,SAAU,EAAA,QAAA,EAAA,sCACzB,UAAW,EAAA,EAAA,MAAA,EAAO,aAAc,EAAA,CACnC,CAEJ,CAAA;;ACFF,MAAM,cAAA,GAAiB,MAAO,CAAA,SAAS,CAAE,CAAA;AAAA,EACvC,MAAQ,EAAA,KAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAChB,CAAC,CAAA,CAAA;AAED,MAAM,qBAAA,GAAwB,MAAO,CAAA,gBAAgB,CAAE,CAAA;AAAA,EACrD,gBAAkB,EAAA;AAAA,IAChB,SAAW,EAAA,iBAAA;AAAA,GACb;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,qBAAqB,CAAC;AAAA,EACjC,UAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAA2B,KAAA;AACzB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,GAAK,EAAA,cAAA,CAAe,EAAI,EAAA,eAAA,EAAiB,QACvD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,qBAAsB,EAAA,EAAA,UAAA,kBAAa,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,qBAChD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAA,EAAa,cAAe,CAAA,IAAK,CACrD,kBAAA,KAAA,CAAA,aAAA,CAAC,6BAA0B,UAAwB,EAAA,CACrD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,UAAA,EAAwB,CAC3C,CACF,CAAA,CAAA;AAEJ,CAAA;;ACjCO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AACF,CAA+B,KAAA;AAC7B,EAAA,2CACG,KAAM,EAAA,EAAA,UAAA,EAAW,MACf,EAAA,EAAA,eAAA,CAAgB,IAAI,CACnB,cAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,KAAK,cAAe,CAAA,EAAA;AAAA,MACpB,cAAA;AAAA,MACA,YAAY,UAAW,CAAA,MAAA,CAAO,OAAK,CAAE,CAAA,QAAA,KAAa,eAAe,EAAE,CAAA;AAAA,MACnE,QAAA;AAAA,KAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;;ACvBa,MAAA,aAAA,GAAgB,CAAC,IAAiB,KAAA;AAC7C,EAAM,MAAA,aAAA,GAAgB,OAAO,gBAAgB,CAAA,CAAA;AAE7C,EAAA,OAAO,SAAS,YAIV;AACJ,IAAA,MAAM,UAAa,GAAA,MAAM,aAAc,CAAA,aAAA,CAAc,IAAI,CAAA,CAAA;AACzD,IAAA,MAAM,eAAkB,GAAA,MAAM,aAAc,CAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,GAAI,EAAA,GAAI,MAAM,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAChD,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,MACA,eAAA;AAAA,MACA,GAAA;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AACX,CAAA;;ACCO,MAAM,cAAuD,GAAA;AAAA,EAClE,iBAAmB,EAAA,MAAA;AAAA,EACnB,WAAa,EAAA,SAAA;AAAA,EACb,oBAAsB,EAAA,SAAA;AAAA,EACtB,cAAgB,EAAA,SAAA;AAAA,EAChB,YAAc,EAAA,OAAA;AAChB,CAAA,CAAA;AAQO,MAAM,mBAAsB,GAAA,CAAC,EAAE,IAAA,EAA4B,KAAA;AAChE,EAAA,MAAM,EAAE,OAAS,EAAA,KAAA,EAAO,KAAM,EAAA,GAAI,cAAc,IAAI,CAAA,CAAA;AAEpD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AACA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAM,MAAA,UAAA,GAAA,CAAa,+BAAO,GACxB,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,sBAAA;AAAA,MACX,IAAK,EAAA,QAAA;AAAA,MACL,KAAM,EAAA,uBAAA;AAAA,MACN,MAAM,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA;AAAA,MACb,MAAO,EAAA,QAAA;AAAA,KAAA;AAAA,wCAEN,aAAc,EAAA,IAAA,CAAA;AAAA,GACjB,CAAA;AAGF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,wBAAA,EAAyB,QAAQ,UAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAA,CAAY,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,UAAA,KAAc,EAAC;AAAA,MAClC,eAAA,EAAA,CAAiB,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,eAAA,KAAmB,EAAC;AAAA,KAAA;AAAA,GAEhD,CAAA,CAAA;AAEJ,CAAA;;;;;;;;AC7DA,MAAM,kBAAA,GAAqB,CAAC,MAC1B,KAAA,MAAA,CACG,MAAM,GAAG,CAAA,CACT,GAAI,CAAA,CAAA,IAAA,KAAQ,IAAK,CAAA,MAAA,CAAO,CAAC,CAAE,CAAA,WAAA,EAAgB,GAAA,IAAA,CAAK,KAAM,CAAA,CAAC,EAAE,WAAY,EAAC,CACtE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAEN,MAAM,UAAa,GAAA,CAAC,EAAE,MAAA,EAC3B,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,EAAA,EAAI,EAAE,MAAA,EAAQ,OAAQ,EAAA;AAAA,IACtB,IAAK,EAAA,OAAA;AAAA,IACL,KAAA,EAAO,mBAAmB,MAAM,CAAA;AAAA,IAChC,KAAA,EAAO,cAAe,CAAA,MAAM,CAAM,IAAA,SAAA;AAAA,GAAA;AACpC,CAAA;;ACZK,MAAM,eAAkB,GAAA,CAAC,EAAE,UAAA,EAAuC,KAAA;AAEvE,EAAA,MAAM,OAAyB,GAAA;AAAA,IAC7B,EAAE,KAAO,EAAA,QAAA,EAAU,KAAO,EAAA,MAAA,EAAQ,IAAI,IAAK,EAAA;AAAA,IAC3C;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,QAAA;AAAA,MACP,QAAQ,CAAC,OAAA,yCAAkB,UAAW,EAAA,EAAA,MAAA,EAAQ,QAAQ,MAAQ,EAAA,CAAA;AAAA,MAC9D,KAAO,EAAA,OAAA;AAAA,KACT;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,KAAA;AAAA,QACR,MAAQ,EAAA,KAAA;AAAA,QACR,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,OAAA;AAAA,QACT,OAAS,EAAA,KAAA;AAAA,OACX;AAAA,MACA,OAAA;AAAA,MACA,IAAM,EAAA,UAAA,CAAW,GAAI,CAAA,CAAC,EAAE,IAAA,EAAM,MAAQ,EAAA,EAAA,EAAU,MAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,IAAK,CAAA,CAAA;AAAA,KAAA;AAAA,GACvE,CAAA;AAEJ,CAAA;;ACbO,MAAM,uBAAuB,MAAM;AArB1C,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAsBE,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAM,MAAA,CAAC,IAAM,EAAA,mBAAmB,CAC9B,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,CAAO,SAAS,WAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8B,qBAA9B,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAsD,KAAM,CAAA,GAAA,CAAA,CAAA;AAC9D,EAAA,MAAM,mBAAmB,mBAAqB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,mBAAA,CAAA,KAAA,CAAM,KAAK,GAAI,CAAA,CAAA,EAAA,KAAM,GAAG,IAAK,EAAA,CAAA,CAAA;AAE3E,EAAA,MAAM,EAAE,OAAS,EAAA,KAAA,EAAO,KAAM,EAAA,GAAI,cAAc,IAAI,CAAA,CAAA;AAEpD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AACA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AACA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAM,MAAA,UAAA,GAAA,CAAa,+BAAO,GACxB,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,sBAAA;AAAA,MACX,IAAK,EAAA,QAAA;AAAA,MACL,KAAM,EAAA,uBAAA;AAAA,MACN,MAAM,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA;AAAA,MACb,MAAO,EAAA,QAAA;AAAA,KAAA;AAAA,wCAEN,aAAc,EAAA,IAAA,CAAA;AAAA,GACjB,CAAA;AAGF,EAAA,MAAM,iBAAiB,CAAC,gBAAA,CAAA;AACxB,EAAM,MAAA,kBAAA,GAAA,CACJ,+BAAO,UAAW,CAAA,MAAA;AAAA,IAChB,CAAA,CAAA,KAAK,CAAC,cAAkB,IAAA,CAAC,EAAE,KAAS,IAAA,gBAAA,CAAiB,QAAS,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,GAAA,KAC/D,EAAC,CAAA;AACR,EAAM,MAAA,uBAAA,GAAA,CACJ,+BAAO,eAAgB,CAAA,MAAA;AAAA,IACrB,CAAK,CAAA,KAAA,cAAA,IAAkB,gBAAiB,CAAA,QAAA,CAAS,EAAE,EAAE,CAAA;AAAA,GAAA,KAClD,EAAC,CAAA;AACR,EAAM,MAAA,YAAA,GAAA,CACH,CAAC,kBAAsB,IAAA,uBAAA,CAAwB,WAAW,CAC3D,KAAA,kBAAA,IACA,mBAAmB,MAAW,KAAA,CAAA,CAAA;AAEhC,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,gBAAA,EAAiB,MAAQ,EAAA,UAAA,EAAA,kBACtC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,SAAA,EAAA,EAAU,mFAG5C,CACF,CAAA,CAAA;AAAA,GAEJ;AACA,EAAA,2CACG,QAAS,EAAA,EAAA,KAAA,EAAM,kBAAiB,MAAQ,EAAA,UAAA,EAAA,EACtC,sBAAsB,kBAAmB,CAAA,MAAA,GAAS,CACjD,oBAAA,KAAA,CAAA,aAAA,CAAC,mBAAgB,UAAY,EAAA,kBAAA,EAAoB,GAElD,uBAA2B,IAAA,uBAAA,CAAwB,SAAS,CAC3D,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAA,CAAY,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,UAAA,KAAc,EAAC;AAAA,MAClC,eAAiB,EAAA,uBAAA;AAAA,MACjB,UAAU,CAAC,cAAA;AAAA,KAAA;AAAA,GAGjB,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/plugin.esm.js

@@ -0,0 +1,38 @@
+import { createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
+import { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';
+import { rootRouteRef } from './routes.esm.js';
+import { statuspageApiRef } from './api/StatuspageApi.esm.js';
+import { StatuspageClient } from './api/StatuspageClient.esm.js';
+
+const isStatuspageAvailable = (entity) => {
+  var _a;
+  return Boolean((_a = entity.metadata.annotations) == null ? void 0 : _a[STATUSPAGE_ANNOTATION]);
+};
+const statuspagePlugin = createPlugin({
+  id: "statuspage",
+  apis: [
+    createApiFactory({
+      api: statuspageApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        fetchApi: fetchApiRef
+      },
+      factory: ({ discoveryApi, fetchApi }) => new StatuspageClient({ discoveryApi, fetchApi })
+    })
+  ],
+  routes: {
+    root: rootRouteRef
+  }
+});
+const StatuspagePage = statuspagePlugin.provide(
+  createRoutableExtension({
+    name: "StatuspagePage",
+    component: () => import('./components/StatuspageComponent.esm.js').then(
+      (m) => m.StatuspageComponent
+    ),
+    mountPoint: rootRouteRef
+  })
+);
+
+export { StatuspagePage, isStatuspageAvailable, statuspagePlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';\nimport { Entity } from '@backstage/catalog-model';\n\nimport { rootRouteRef } from './routes';\nimport { statuspageApiRef } from './api/StatuspageApi';\nimport { StatuspageClient } from './api/StatuspageClient';\n\n/**\n * Checks availability of a statuspage component\n *\n * @public\n */\nexport const isStatuspageAvailable = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]);\n\n/**\n * Create the plugin.\n *\n * @public\n */\nexport const statuspagePlugin = createPlugin({\n  id: 'statuspage',\n  apis: [\n    createApiFactory({\n      api: statuspageApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new StatuspageClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * Routable extension for StatuspageComponent.\n *\n * @public\n */\nexport const StatuspagePage = statuspagePlugin.provide(\n  createRoutableExtension({\n    name: 'StatuspagePage',\n    component: () =>\n      import('./components/StatuspageComponent').then(\n        m => m.StatuspageComponent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;;;AAoBa,MAAA,qBAAA,GAAwB,CAAC,MAAgB,KAAA;AApBtD,EAAA,IAAA,EAAA,CAAA;AAqBE,EAAA,OAAA,OAAA,CAAA,CAAQ,EAAO,GAAA,MAAA,CAAA,QAAA,CAAS,WAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8B,qBAAsB,CAAA,CAAA,CAAA;AAAA,EAAA;AAOvD,MAAM,mBAAmB,YAAa,CAAA;AAAA,EAC3C,EAAI,EAAA,YAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,gBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,gBAAiB,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,CAAA;AAAA,KAClD,CAAA;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAOM,MAAM,iBAAiB,gBAAiB,CAAA,OAAA;AAAA,EAC7C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,yCAAkC,CAAE,CAAA,IAAA;AAAA,MACzC,OAAK,CAAE,CAAA,mBAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,8 @@
+import { createRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "statuspage"
+});
+
+export { rootRouteRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'statuspage',\n});\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,YAAA;AACN,CAAC;;;;"}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@axis-backstage/plugin-statuspage",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",
     "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "types": "dist/index.d.ts",
+    "directory": "_release/package"
   },
   "backstage": {
     "role": "frontend-plugin"
@@ -23,11 +24,11 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@axis-backstage/plugin-statuspage-common": "^0.2.0",
-    "@backstage/catalog-model": "^1.4.3",
-    "@backstage/core-components": "^0.13.10",
-    "@backstage/core-plugin-api": "^1.8.2",
-    "@backstage/plugin-catalog-react": "^1.9.3",
+    "@axis-backstage/plugin-statuspage-common": "^0.3.0",
+    "@backstage/catalog-model": "^1.5.0",
+    "@backstage/core-components": "^0.14.7",
+    "@backstage/core-plugin-api": "^1.9.2",
+    "@backstage/plugin-catalog-react": "^1.12.0",
     "@mui/icons-material": "^5.15.7",
     "@mui/material": "^5.15.7",
     "react-use": "^17.2.4"
@@ -36,12 +37,13 @@
     "react": "^17.0.0  || ^18.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.25.1",
-    "@backstage/dev-utils": "^1.0.26",
+    "@backstage/cli": "^0.26.6",
+    "@backstage/dev-utils": "^1.0.32",
     "@testing-library/jest-dom": "^5.10.1"
   },
   "files": [
     "dist"
   ],
-  "module": "./dist/index.esm.js"
-}
+  "module": "./dist/index.esm.js",
+  "directory": "_release/package"
+}

package/CHANGELOG.md

@@ -1,42 +0,0 @@
-# @axis-backstage/plugin-statuspage
-
-## 0.3.3
-
-### Patch Changes
-
-- ae965c0: Fix broken workspace dependencies
-
-## 0.3.2
-
-### Patch Changes
-
-- 60b6270: Fix broken release
-
-## 0.3.1
-
-### Patch Changes
-
-- 73b296f: Better README and small UI-fixes
-
-## 0.3.0
-
-### Minor Changes
-
-- 32683b9: StatuspageEntityCard was route mounted incorrectly, which broke the component in certain cases.
-
-## 0.2.1
-
-### Patch Changes
-
-- 050e48d: Replace all Mui Grid v1 with v2
-
-## 0.2.0
-
-### Minor Changes
-
-- b445aaa: Initial Release of the Statuspage Plugin
-
-### Patch Changes
-
-- Updated dependencies [b445aaa]
-  - @axis-backstage/plugin-statuspage-common@0.2.0