@backstage-community/plugin-ilert 0.3.0 → 0.3.2

package/dist/components/AlertsPage/AlertsPage.esm.js

@@ -0,0 +1,67 @@
+import { Content, ResponseErrorPanel, ContentHeader, SupportButton } from '@backstage/core-components';
+import Button from '@material-ui/core/Button';
+import AddIcon from '@material-ui/icons/Add';
+import React from 'react';
+import { useAlerts } from '../../hooks/useAlerts.esm.js';
+import { AlertNewModal } from '../Alert/AlertNewModal.esm.js';
+import { MissingAuthorizationHeaderError } from '../Errors/MissingAuthorizationHeaderError.esm.js';
+import { AlertsTable } from './AlertsTable.esm.js';
+
+const AlertsPage = () => {
+  const [
+    { tableState, states, alerts, alertsCount, isLoading, error },
+    {
+      onAlertStatesChange,
+      onChangePage,
+      onChangeRowsPerPage,
+      onAlertChanged,
+      refetchAlerts,
+      setIsLoading
+    }
+  ] = useAlerts(true);
+  const [isModalOpened, setIsModalOpened] = React.useState(false);
+  const handleCreateNewAlertClick = () => {
+    setIsModalOpened(true);
+  };
+  if (error) {
+    if (error.name === "AuthenticationError") {
+      return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(MissingAuthorizationHeaderError, null));
+    }
+    return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
+  }
+  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Alerts" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      size: "small",
+      startIcon: /* @__PURE__ */ React.createElement(AddIcon, null),
+      onClick: handleCreateNewAlertClick
+    },
+    "Create Alert"
+  ), /* @__PURE__ */ React.createElement(
+    AlertNewModal,
+    {
+      isModalOpened,
+      setIsModalOpened,
+      refetchAlerts
+    }
+  ), /* @__PURE__ */ React.createElement(SupportButton, null, "This helps you to bring iLert into your developer portal.")), /* @__PURE__ */ React.createElement(
+    AlertsTable,
+    {
+      alerts,
+      alertsCount,
+      tableState,
+      states,
+      onAlertChanged,
+      onAlertStatesChange,
+      onChangePage,
+      onChangeRowsPerPage,
+      isLoading,
+      setIsLoading
+    }
+  ));
+};
+
+export { AlertsPage };
+//# sourceMappingURL=AlertsPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertsPage.esm.js","sources":["../../../src/components/AlertsPage/AlertsPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  Content,\n  ContentHeader,\n  ResponseErrorPanel,\n  SupportButton,\n} from '@backstage/core-components';\nimport Button from '@material-ui/core/Button';\nimport AddIcon from '@material-ui/icons/Add';\nimport React from 'react';\nimport { useAlerts } from '../../hooks/useAlerts';\nimport { AlertNewModal } from '../Alert/AlertNewModal';\nimport { MissingAuthorizationHeaderError } from '../Errors';\nimport { AlertsTable } from './AlertsTable';\n\nexport const AlertsPage = () => {\n  const [\n    { tableState, states, alerts, alertsCount, isLoading, error },\n    {\n      onAlertStatesChange,\n      onChangePage,\n      onChangeRowsPerPage,\n      onAlertChanged,\n      refetchAlerts,\n      setIsLoading,\n    },\n  ] = useAlerts(true);\n\n  const [isModalOpened, setIsModalOpened] = React.useState(false);\n\n  const handleCreateNewAlertClick = () => {\n    setIsModalOpened(true);\n  };\n\n  if (error) {\n    if (error.name === 'AuthenticationError') {\n      return (\n        <Content>\n          <MissingAuthorizationHeaderError />\n        </Content>\n      );\n    }\n\n    return (\n      <Content>\n        <ResponseErrorPanel error={error} />\n      </Content>\n    );\n  }\n\n  return (\n    <Content>\n      <ContentHeader title=\"Alerts\">\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          size=\"small\"\n          startIcon={<AddIcon />}\n          onClick={handleCreateNewAlertClick}\n        >\n          Create Alert\n        </Button>\n        <AlertNewModal\n          isModalOpened={isModalOpened}\n          setIsModalOpened={setIsModalOpened}\n          refetchAlerts={refetchAlerts}\n        />\n        <SupportButton>\n          This helps you to bring iLert into your developer portal.\n        </SupportButton>\n      </ContentHeader>\n      <AlertsTable\n        alerts={alerts}\n        alertsCount={alertsCount}\n        tableState={tableState}\n        states={states}\n        onAlertChanged={onAlertChanged}\n        onAlertStatesChange={onAlertStatesChange}\n        onChangePage={onChangePage}\n        onChangeRowsPerPage={onChangeRowsPerPage}\n        isLoading={isLoading}\n        setIsLoading={setIsLoading}\n      />\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA6BO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA;AAAA,IACJ,EAAE,UAAY,EAAA,MAAA,EAAQ,MAAQ,EAAA,WAAA,EAAa,WAAW,KAAM,EAAA;AAAA,IAC5D;AAAA,MACE,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,KACF;AAAA,GACF,GAAI,UAAU,IAAI,CAAA,CAAA;AAElB,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAE9D,EAAA,MAAM,4BAA4B,MAAM;AACtC,IAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IAAI,IAAA,KAAA,CAAM,SAAS,qBAAuB,EAAA;AACxC,MAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAgC,CACnC,CAAA,CAAA;AAAA,KAEJ;AAEA,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAM,QACnB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,sCAAY,OAAQ,EAAA,IAAA,CAAA;AAAA,MACpB,OAAS,EAAA,yBAAA;AAAA,KAAA;AAAA,IACV,cAAA;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,KAAA;AAAA,GAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,IAAA,EAAA,2DAEf,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/AlertsPage/AlertsTable.esm.js

@@ -0,0 +1,185 @@
+import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import humanizeDuration from 'humanize-duration';
+import { Interval, DateTime } from 'luxon';
+import React from 'react';
+import { ilertApiRef } from '../../api/client.esm.js';
+import { AlertActionsMenu } from '../Alert/AlertActionsMenu.esm.js';
+import { AlertLink } from '../Alert/AlertLink.esm.js';
+import { AlertSourceLink } from '../AlertSource/AlertSourceLink.esm.js';
+import { StatusChip } from './StatusChip.esm.js';
+import { TableTitle } from './TableTitle.esm.js';
+import { Table } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+
+const useStyles = makeStyles((theme) => ({
+  empty: {
+    padding: theme.spacing(2),
+    display: "flex",
+    justifyContent: "center"
+  }
+}));
+const AlertsTable = ({
+  alerts,
+  alertsCount,
+  tableState,
+  states,
+  isLoading,
+  onAlertChanged,
+  setIsLoading,
+  onAlertStatesChange,
+  onChangePage,
+  onChangeRowsPerPage,
+  compact
+}) => {
+  const ilertApi = useApi(ilertApiRef);
+  const classes = useStyles();
+  const xsColumnStyle = {
+    width: "5%",
+    maxWidth: "5%"
+  };
+  const smColumnStyle = {
+    width: "10%",
+    maxWidth: "10%"
+  };
+  const mdColumnStyle = {
+    width: "15%",
+    maxWidth: "15%"
+  };
+  const lgColumnStyle = {
+    width: "20%",
+    maxWidth: "20%"
+  };
+  const xlColumnStyle = {
+    width: "30%",
+    maxWidth: "30%"
+  };
+  const idColumn = {
+    title: "ID",
+    field: "id",
+    highlight: true,
+    cellStyle: smColumnStyle,
+    headerStyle: smColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(AlertLink, { alert: rowData })
+  };
+  const summaryColumn = {
+    title: "Summary",
+    field: "summary",
+    cellStyle: !compact ? xlColumnStyle : void 0,
+    headerStyle: !compact ? xlColumnStyle : void 0,
+    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, null, rowData.summary)
+  };
+  const sourceColumn = {
+    title: "Source",
+    field: "source",
+    cellStyle: mdColumnStyle,
+    headerStyle: mdColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(AlertSourceLink, { alertSource: rowData.alertSource })
+  };
+  const durationColumn = {
+    title: "Duration",
+    field: "reportTime",
+    type: "datetime",
+    cellStyle: smColumnStyle,
+    headerStyle: smColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, rowData.status !== "RESOLVED" ? humanizeDuration(
+      Interval.fromDateTimes(DateTime.fromISO(rowData.reportTime), DateTime.now()).toDuration().valueOf(),
+      { units: ["h", "m", "s"], largest: 2, round: true }
+    ) : humanizeDuration(
+      Interval.fromDateTimes(
+        DateTime.fromISO(rowData.reportTime),
+        DateTime.fromISO(rowData.resolvedOn)
+      ).toDuration().valueOf(),
+      { units: ["h", "m", "s"], largest: 2, round: true }
+    ))
+  };
+  const respondersColumn = {
+    title: "Responders",
+    field: "responders",
+    cellStyle: !compact ? mdColumnStyle : lgColumnStyle,
+    headerStyle: !compact ? mdColumnStyle : lgColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, null, rowData.responders.map((value, i, arr) => {
+      return ilertApi.getUserInitials(value.user) + (arr.length - 1 !== i ? ", " : "");
+    }))
+  };
+  const priorityColumn = {
+    title: "Priority",
+    field: "priority",
+    cellStyle: smColumnStyle,
+    headerStyle: smColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, rowData.priority === "HIGH" ? "High" : "Low")
+  };
+  const statusColumn = {
+    title: "Status",
+    field: "status",
+    cellStyle: xsColumnStyle,
+    headerStyle: xsColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(StatusChip, { alert: rowData })
+  };
+  const actionsColumn = {
+    title: "",
+    field: "",
+    cellStyle: xsColumnStyle,
+    headerStyle: xsColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(
+      AlertActionsMenu,
+      {
+        alert: rowData,
+        onAlertChanged,
+        setIsLoading
+      }
+    )
+  };
+  const columns = compact ? [
+    summaryColumn,
+    durationColumn,
+    respondersColumn,
+    statusColumn,
+    actionsColumn
+  ] : [
+    idColumn,
+    summaryColumn,
+    sourceColumn,
+    durationColumn,
+    respondersColumn,
+    priorityColumn,
+    statusColumn,
+    actionsColumn
+  ];
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      options: {
+        sorting: false,
+        search: !compact,
+        paging: !compact,
+        actionsColumnIndex: -1,
+        pageSize: tableState.pageSize,
+        pageSizeOptions: !compact ? [10, 20, 50, 100] : [3, 10, 20, 50, 100],
+        padding: "dense",
+        loadingType: "overlay",
+        showEmptyDataSourceMessage: !isLoading,
+        showTitle: true,
+        toolbar: true
+      },
+      emptyContent: /* @__PURE__ */ React.createElement(Typography, { color: "textSecondary", className: classes.empty }, "No alerts right now"),
+      title: !compact ? /* @__PURE__ */ React.createElement(
+        TableTitle,
+        {
+          alertStates: states,
+          onAlertStatesChange
+        }
+      ) : /* @__PURE__ */ React.createElement(Typography, { variant: "button", color: "textSecondary" }, "ALERTS"),
+      page: tableState.page,
+      totalCount: alertsCount,
+      onPageChange: onChangePage,
+      onRowsPerPageChange: onChangeRowsPerPage,
+      columns,
+      data: alerts,
+      isLoading
+    }
+  );
+};
+
+export { AlertsTable };
+//# sourceMappingURL=AlertsTable.esm.js.map

package/dist/components/AlertsPage/AlertsTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertsTable.esm.js","sources":["../../../src/components/AlertsPage/AlertsTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport humanizeDuration from 'humanize-duration';\nimport { DateTime as dt, Interval } from 'luxon';\nimport React from 'react';\nimport { ilertApiRef, TableState } from '../../api';\nimport { Alert, AlertStatus } from '../../types';\nimport { AlertActionsMenu } from '../Alert/AlertActionsMenu';\nimport { AlertLink } from '../Alert/AlertLink';\nimport { AlertSourceLink } from '../AlertSource/AlertSourceLink';\nimport { StatusChip } from './StatusChip';\nimport { TableTitle } from './TableTitle';\n\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  empty: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n}));\n\nexport const AlertsTable = ({\n  alerts,\n  alertsCount,\n  tableState,\n  states,\n  isLoading,\n  onAlertChanged,\n  setIsLoading,\n  onAlertStatesChange,\n  onChangePage,\n  onChangeRowsPerPage,\n  compact,\n}: {\n  alerts: Alert[];\n  alertsCount: number;\n  tableState: TableState;\n  states: AlertStatus[];\n  isLoading: boolean;\n  onAlertChanged: (alert: Alert) => void;\n  setIsLoading: (isLoading: boolean) => void;\n  onAlertStatesChange: (states: AlertStatus[]) => void;\n  onChangePage: (page: number) => void;\n  onChangeRowsPerPage: (pageSize: number) => void;\n  compact?: boolean;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const classes = useStyles();\n\n  const xsColumnStyle = {\n    width: '5%',\n    maxWidth: '5%',\n  };\n  const smColumnStyle = {\n    width: '10%',\n    maxWidth: '10%',\n  };\n  const mdColumnStyle = {\n    width: '15%',\n    maxWidth: '15%',\n  };\n  const lgColumnStyle = {\n    width: '20%',\n    maxWidth: '20%',\n  };\n  const xlColumnStyle = {\n    width: '30%',\n    maxWidth: '30%',\n  };\n\n  const idColumn: TableColumn<Alert> = {\n    title: 'ID',\n    field: 'id',\n    highlight: true,\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => <AlertLink alert={rowData} />,\n  };\n  const summaryColumn: TableColumn<Alert> = {\n    title: 'Summary',\n    field: 'summary',\n    cellStyle: !compact ? xlColumnStyle : undefined,\n    headerStyle: !compact ? xlColumnStyle : undefined,\n    render: rowData => <Typography>{rowData.summary}</Typography>,\n  };\n  const sourceColumn: TableColumn<Alert> = {\n    title: 'Source',\n    field: 'source',\n    cellStyle: mdColumnStyle,\n    headerStyle: mdColumnStyle,\n    render: rowData => <AlertSourceLink alertSource={rowData.alertSource} />,\n  };\n  const durationColumn: TableColumn<Alert> = {\n    title: 'Duration',\n    field: 'reportTime',\n    type: 'datetime',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => (\n      <Typography noWrap>\n        {rowData.status !== 'RESOLVED'\n          ? humanizeDuration(\n              Interval.fromDateTimes(dt.fromISO(rowData.reportTime), dt.now())\n                .toDuration()\n                .valueOf(),\n              { units: ['h', 'm', 's'], largest: 2, round: true },\n            )\n          : humanizeDuration(\n              Interval.fromDateTimes(\n                dt.fromISO(rowData.reportTime),\n                dt.fromISO(rowData.resolvedOn),\n              )\n                .toDuration()\n                .valueOf(),\n              { units: ['h', 'm', 's'], largest: 2, round: true },\n            )}\n      </Typography>\n    ),\n  };\n  const respondersColumn: TableColumn<Alert> = {\n    title: 'Responders',\n    field: 'responders',\n    cellStyle: !compact ? mdColumnStyle : lgColumnStyle,\n    headerStyle: !compact ? mdColumnStyle : lgColumnStyle,\n    render: rowData => (\n      <Typography>\n        {rowData.responders.map((value, i, arr) => {\n          return (\n            ilertApi.getUserInitials(value.user) +\n            (arr.length - 1 !== i ? ', ' : '')\n          );\n        })}\n      </Typography>\n    ),\n  };\n  const priorityColumn: TableColumn<Alert> = {\n    title: 'Priority',\n    field: 'priority',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => (\n      <Typography noWrap>\n        {rowData.priority === 'HIGH' ? 'High' : 'Low'}\n      </Typography>\n    ),\n  };\n  const statusColumn: TableColumn<Alert> = {\n    title: 'Status',\n    field: 'status',\n    cellStyle: xsColumnStyle,\n    headerStyle: xsColumnStyle,\n    render: rowData => <StatusChip alert={rowData} />,\n  };\n  const actionsColumn: TableColumn<Alert> = {\n    title: '',\n    field: '',\n    cellStyle: xsColumnStyle,\n    headerStyle: xsColumnStyle,\n    render: rowData => (\n      <AlertActionsMenu\n        alert={rowData}\n        onAlertChanged={onAlertChanged}\n        setIsLoading={setIsLoading}\n      />\n    ),\n  };\n\n  const columns: TableColumn<Alert>[] = compact\n    ? [\n        summaryColumn,\n        durationColumn,\n        respondersColumn,\n        statusColumn,\n        actionsColumn,\n      ]\n    : [\n        idColumn,\n        summaryColumn,\n        sourceColumn,\n        durationColumn,\n        respondersColumn,\n        priorityColumn,\n        statusColumn,\n        actionsColumn,\n      ];\n\n  return (\n    <Table\n      options={{\n        sorting: false,\n        search: !compact,\n        paging: !compact,\n        actionsColumnIndex: -1,\n        pageSize: tableState.pageSize,\n        pageSizeOptions: !compact ? [10, 20, 50, 100] : [3, 10, 20, 50, 100],\n        padding: 'dense',\n        loadingType: 'overlay',\n        showEmptyDataSourceMessage: !isLoading,\n        showTitle: true,\n        toolbar: true,\n      }}\n      emptyContent={\n        <Typography color=\"textSecondary\" className={classes.empty}>\n          No alerts right now\n        </Typography>\n      }\n      title={\n        !compact ? (\n          <TableTitle\n            alertStates={states}\n            onAlertStatesChange={onAlertStatesChange}\n          />\n        ) : (\n          <Typography variant=\"button\" color=\"textSecondary\">\n            ALERTS\n          </Typography>\n        )\n      }\n      page={tableState.page}\n      totalCount={alertsCount}\n      onPageChange={onChangePage}\n      onRowsPerPageChange={onChangeRowsPerPage}\n      columns={columns}\n      data={alerts}\n      isLoading={isLoading}\n    />\n  );\n};\n"],"names":["dt"],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+import Chip from '@material-ui/core/Chip';
+import { withStyles } from '@material-ui/core/styles';
+import React from 'react';
+import { RESOLVED, ACCEPTED, PENDING } from '../../types.esm.js';
+
+const ResolvedChip = withStyles((theme) => ({
+  root: {
+    backgroundColor: "#4caf50",
+    color: theme.palette.common.white,
+    margin: 0
+  }
+}))(Chip);
+const AcceptedChip = withStyles((theme) => ({
+  root: {
+    backgroundColor: "#ffb74d",
+    color: theme.palette.common.white,
+    margin: 0
+  }
+}))(Chip);
+const PendingChip = withStyles((theme) => ({
+  root: {
+    backgroundColor: "#d32f2f",
+    color: theme.palette.common.white,
+    margin: 0
+  }
+}))(Chip);
+const alertStatusLabels = {
+  [RESOLVED]: "Resolved",
+  [ACCEPTED]: "Accepted",
+  [PENDING]: "Pending"
+};
+const StatusChip = ({ alert }) => {
+  const label = `${alertStatusLabels[alert.status]}`;
+  switch (alert.status) {
+    case RESOLVED:
+      return /* @__PURE__ */ React.createElement(ResolvedChip, { label, size: "small" });
+    case ACCEPTED:
+      return /* @__PURE__ */ React.createElement(AcceptedChip, { label, size: "small" });
+    case PENDING:
+      return /* @__PURE__ */ React.createElement(PendingChip, { label, size: "small" });
+    default:
+      return /* @__PURE__ */ React.createElement(Chip, { label, size: "small" });
+  }
+};
+
+export { StatusChip, alertStatusLabels };
+//# sourceMappingURL=StatusChip.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.esm.js","sources":["../../../src/components/AlertsPage/StatusChip.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Chip from '@material-ui/core/Chip';\nimport { withStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport { ACCEPTED, Alert, PENDING, RESOLVED } from '../../types';\n\nconst ResolvedChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#4caf50',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\n\nconst AcceptedChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#ffb74d',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\nconst PendingChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#d32f2f',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\n\nexport const alertStatusLabels = {\n  [RESOLVED]: 'Resolved',\n  [ACCEPTED]: 'Accepted',\n  [PENDING]: 'Pending',\n} as Record<string, string>;\n\nexport const StatusChip = ({ alert }: { alert: Alert }) => {\n  const label = `${alertStatusLabels[alert.status]}`;\n\n  switch (alert.status) {\n    case RESOLVED:\n      return <ResolvedChip label={label} size=\"small\" />;\n    case ACCEPTED:\n      return <AcceptedChip label={label} size=\"small\" />;\n    case PENDING:\n      return <PendingChip label={label} size=\"small\" />;\n    default:\n      return <Chip label={label} size=\"small\" />;\n  }\n};\n"],"names":[],"mappings":";;;;;AAoBA,MAAM,YAAA,GAAe,WAAW,CAAU,KAAA,MAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA,CAAA;AAAA,GACV;AACF,CAAA,CAAE,EAAE,IAAI,CAAA,CAAA;AAER,MAAM,YAAA,GAAe,WAAW,CAAU,KAAA,MAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA,CAAA;AAAA,GACV;AACF,CAAA,CAAE,EAAE,IAAI,CAAA,CAAA;AACR,MAAM,WAAA,GAAc,WAAW,CAAU,KAAA,MAAA;AAAA,EACvC,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA,CAAA;AAAA,GACV;AACF,CAAA,CAAE,EAAE,IAAI,CAAA,CAAA;AAED,MAAM,iBAAoB,GAAA;AAAA,EAC/B,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,OAAO,GAAG,SAAA;AACb,EAAA;AAEO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACzD,EAAA,MAAM,KAAQ,GAAA,CAAA,EAAG,iBAAkB,CAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA,CAAA;AAEhD,EAAA,QAAQ,MAAM,MAAQ;AAAA,IACpB,KAAK,QAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA,CAAA;AAAA,IAClD,KAAK,QAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA,CAAA;AAAA,IAClD,KAAK,OAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA,CAAA;AAAA,IACjD;AACE,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA,CAAA;AAAA,GAC5C;AACF;;;;"}

package/dist/components/AlertsPage/TableTitle.esm.js

@@ -0,0 +1,74 @@
+import Checkbox from '@material-ui/core/Checkbox';
+import FormControl from '@material-ui/core/FormControl';
+import ListItemText from '@material-ui/core/ListItemText';
+import MenuItem from '@material-ui/core/MenuItem';
+import Select from '@material-ui/core/Select';
+import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import React from 'react';
+import { PENDING, ACCEPTED, RESOLVED } from '../../types.esm.js';
+import { alertStatusLabels } from './StatusChip.esm.js';
+
+const ITEM_HEIGHT = 48;
+const ITEM_PADDING_TOP = 8;
+const MenuProps = {
+  PaperProps: {
+    style: {
+      maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,
+      width: 250
+    }
+  }
+};
+const useStyles = makeStyles({
+  root: {
+    display: "flex"
+  },
+  label: {
+    marginTop: 8,
+    marginRight: 4
+  },
+  formControl: {
+    minWidth: 120,
+    maxWidth: 300
+  },
+  grow: {
+    flexGrow: 1
+  }
+});
+const TableTitle = ({
+  alertStates,
+  onAlertStatesChange
+}) => {
+  const classes = useStyles();
+  const handleAlertStatusSelectChange = (event) => {
+    onAlertStatesChange(event.target.value);
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography, { noWrap: true, className: classes.label }, "Status:"), /* @__PURE__ */ React.createElement(
+    FormControl,
+    {
+      className: classes.formControl,
+      variant: "outlined",
+      size: "small"
+    },
+    /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        id: "alerts-status-select",
+        multiple: true,
+        value: alertStates,
+        onChange: handleAlertStatusSelectChange,
+        renderValue: (selected) => selected.join(", "),
+        MenuProps
+      },
+      [PENDING, ACCEPTED, RESOLVED].map((state) => /* @__PURE__ */ React.createElement(MenuItem, { key: state, value: state }, /* @__PURE__ */ React.createElement(
+        Checkbox,
+        {
+          checked: alertStates.indexOf(state) > -1
+        }
+      ), /* @__PURE__ */ React.createElement(ListItemText, { primary: alertStatusLabels[state] })))
+    )
+  ));
+};
+
+export { TableTitle };
+//# sourceMappingURL=TableTitle.esm.js.map

package/dist/components/AlertsPage/TableTitle.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTitle.esm.js","sources":["../../../src/components/AlertsPage/TableTitle.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControl from '@material-ui/core/FormControl';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport { ACCEPTED, AlertStatus, PENDING, RESOLVED } from '../../types';\nimport { alertStatusLabels } from './StatusChip';\n\nconst ITEM_HEIGHT = 48;\nconst ITEM_PADDING_TOP = 8;\nconst MenuProps = {\n  PaperProps: {\n    style: {\n      maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\n      width: 250,\n    },\n  },\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n  },\n  label: {\n    marginTop: 8,\n    marginRight: 4,\n  },\n  formControl: {\n    minWidth: 120,\n    maxWidth: 300,\n  },\n  grow: {\n    flexGrow: 1,\n  },\n});\n\nexport const TableTitle = ({\n  alertStates,\n  onAlertStatesChange,\n}: {\n  alertStates: AlertStatus[];\n  onAlertStatesChange: (states: AlertStatus[]) => void;\n}) => {\n  const classes = useStyles();\n  const handleAlertStatusSelectChange = (event: any) => {\n    onAlertStatesChange(event.target.value);\n  };\n\n  return (\n    <div className={classes.root}>\n      <Typography noWrap className={classes.label}>\n        Status:\n      </Typography>\n      <FormControl\n        className={classes.formControl}\n        variant=\"outlined\"\n        size=\"small\"\n      >\n        <Select\n          id=\"alerts-status-select\"\n          multiple\n          value={alertStates}\n          onChange={handleAlertStatusSelectChange}\n          renderValue={(selected: any) => selected.join(', ')}\n          MenuProps={MenuProps}\n        >\n          {[PENDING, ACCEPTED, RESOLVED].map(state => (\n            <MenuItem key={state} value={state}>\n              <Checkbox\n                checked={alertStates.indexOf(state as AlertStatus) > -1}\n              />\n              <ListItemText primary={alertStatusLabels[state]} />\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA0BA,MAAM,WAAc,GAAA,EAAA,CAAA;AACpB,MAAM,gBAAmB,GAAA,CAAA,CAAA;AACzB,MAAM,SAAY,GAAA;AAAA,EAChB,UAAY,EAAA;AAAA,IACV,KAAO,EAAA;AAAA,MACL,SAAA,EAAW,cAAc,GAAM,GAAA,gBAAA;AAAA,MAC/B,KAAO,EAAA,GAAA;AAAA,KACT;AAAA,GACF;AACF,CAAA,CAAA;AAEA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAW,EAAA,CAAA;AAAA,IACX,WAAa,EAAA,CAAA;AAAA,GACf;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,GAAA;AAAA,IACV,QAAU,EAAA,GAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,CAAA;AAAA,GACZ;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,aAAa,CAAC;AAAA,EACzB,WAAA;AAAA,EACA,mBAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,6BAAA,GAAgC,CAAC,KAAe,KAAA;AACpD,IAAoB,mBAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,GACxC,CAAA;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAM,IAAC,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAA,EAAO,SAE7C,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,WAAA;AAAA,MACnB,OAAQ,EAAA,UAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,oBAEL,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,sBAAA;AAAA,QACH,QAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,WAAA;AAAA,QACP,QAAU,EAAA,6BAAA;AAAA,QACV,WAAa,EAAA,CAAC,QAAkB,KAAA,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA,QAClD,SAAA;AAAA,OAAA;AAAA,MAEC,CAAC,OAAA,EAAS,QAAU,EAAA,QAAQ,CAAE,CAAA,GAAA,CAAI,CACjC,KAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,GAAA,EAAK,KAAO,EAAA,KAAA,EAAO,KAC3B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,WAAA,CAAY,OAAQ,CAAA,KAAoB,CAAI,GAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OACvD,sCACC,YAAa,EAAA,EAAA,OAAA,EAAS,kBAAkB,KAAK,CAAA,EAAG,CACnD,CACD,CAAA;AAAA,KACH;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Errors/MissingAuthorizationHeaderError.esm.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import Button from '@material-ui/core/Button';
+import { EmptyState } from '@backstage/core-components';
+
+const MissingAuthorizationHeaderError = () => /* @__PURE__ */ React.createElement(
+  EmptyState,
+  {
+    missing: "info",
+    title: "Missing or invalid iLert authorization header",
+    description: "The request to fetch data needs a valid authorization header. See README for more details.",
+    action: /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: "primary",
+        variant: "contained",
+        href: "https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md"
+      },
+      "Read More"
+    )
+  }
+);
+
+export { MissingAuthorizationHeaderError };
+//# sourceMappingURL=MissingAuthorizationHeaderError.esm.js.map

package/dist/components/Errors/MissingAuthorizationHeaderError.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingAuthorizationHeaderError.esm.js","sources":["../../../src/components/Errors/MissingAuthorizationHeaderError.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport Button from '@material-ui/core/Button';\nimport { EmptyState } from '@backstage/core-components';\n\nexport const MissingAuthorizationHeaderError = () => (\n  <EmptyState\n    missing=\"info\"\n    title=\"Missing or invalid iLert authorization header\"\n    description=\"The request to fetch data needs a valid authorization header. See README for more details.\"\n    action={\n      <Button\n        color=\"primary\"\n        variant=\"contained\"\n        href=\"https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md\"\n      >\n        Read More\n      </Button>\n    }\n  />\n);\n"],"names":[],"mappings":";;;;AAmBO,MAAM,kCAAkC,sBAC7C,KAAA,CAAA,aAAA;AAAA,EAAC,UAAA;AAAA,EAAA;AAAA,IACC,OAAQ,EAAA,MAAA;AAAA,IACR,KAAM,EAAA,+CAAA;AAAA,IACN,WAAY,EAAA,4FAAA;AAAA,IACZ,MACE,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,WAAA;AAAA,QACR,IAAK,EAAA,4EAAA;AAAA,OAAA;AAAA,MACN,WAAA;AAAA,KAED;AAAA,GAAA;AAEJ;;;;"}

package/dist/components/ILertCard/ILertCard.esm.js

@@ -0,0 +1,113 @@
+import { ResponseErrorPanel } from '@backstage/core-components';
+import { AuthenticationError } from '@backstage/errors';
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import CardHeader from '@material-ui/core/CardHeader';
+import Divider from '@material-ui/core/Divider';
+import { makeStyles } from '@material-ui/core/styles';
+import React from 'react';
+import { ILERT_INTEGRATION_KEY_ANNOTATION } from '../../constants.esm.js';
+import { useILertEntity } from '../../hooks/index.esm.js';
+import { useAlerts } from '../../hooks/useAlerts.esm.js';
+import { useAlertSource } from '../../hooks/useAlertSource.esm.js';
+import { AlertNewModal } from '../Alert/AlertNewModal.esm.js';
+import '@material-ui/core/Button';
+import '@material-ui/icons/Add';
+import { MissingAuthorizationHeaderError } from '../Errors/MissingAuthorizationHeaderError.esm.js';
+import { AlertsTable } from '../AlertsPage/AlertsTable.esm.js';
+import { ILertCardActionsHeader } from './ILertCardActionsHeader.esm.js';
+import { ILertCardEmptyState } from './ILertCardEmptyState.esm.js';
+import { ILertCardHeaderStatus } from './ILertCardHeaderStatus.esm.js';
+import { ILertCardMaintenanceModal } from './ILertCardMaintenanceModal.esm.js';
+import { ILertCardOnCall } from './ILertCardOnCall.esm.js';
+
+const isPluginApplicableToEntity = (entity) => Boolean(entity.metadata.annotations?.[ILERT_INTEGRATION_KEY_ANNOTATION]);
+const useStyles = makeStyles({
+  content: {
+    paddingLeft: "0 !important",
+    paddingRight: "0 !important",
+    paddingBottom: "0 !important",
+    paddingTop: "0 !important",
+    "& div div": {
+      boxShadow: "none !important"
+    }
+  }
+});
+const ILertCard = () => {
+  const classes = useStyles();
+  const { integrationKey, name } = useILertEntity();
+  const [{ alertSource }, { setAlertSource, refetchAlertSource }] = useAlertSource(integrationKey);
+  const [
+    { tableState, states, alerts, alertsCount, isLoading, error },
+    {
+      onAlertStatesChange,
+      onChangePage,
+      onChangeRowsPerPage,
+      onAlertChanged,
+      refetchAlerts,
+      setIsLoading
+    }
+  ] = useAlerts(false, true, alertSource);
+  const [isNewAlertModalOpened, setIsNewAlertModalOpened] = React.useState(false);
+  const [isMaintenanceModalOpened, setIsMaintenanceModalOpened] = React.useState(false);
+  if (error) {
+    if (error instanceof AuthenticationError) {
+      return /* @__PURE__ */ React.createElement(MissingAuthorizationHeaderError, null);
+    }
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  if (!integrationKey) {
+    return /* @__PURE__ */ React.createElement(ILertCardEmptyState, null);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Card, { "data-testid": "ilert-card" }, /* @__PURE__ */ React.createElement(
+    CardHeader,
+    {
+      title: "iLert",
+      subheader: /* @__PURE__ */ React.createElement(
+        ILertCardActionsHeader,
+        {
+          alertSource,
+          setAlertSource,
+          setIsNewAlertModalOpened,
+          setIsMaintenanceModalOpened
+        }
+      ),
+      action: /* @__PURE__ */ React.createElement(ILertCardHeaderStatus, { alertSource })
+    }
+  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(CardContent, { className: classes.content }, /* @__PURE__ */ React.createElement(ILertCardOnCall, { alertSource }), /* @__PURE__ */ React.createElement(
+    AlertsTable,
+    {
+      alerts,
+      alertsCount,
+      tableState,
+      states,
+      onAlertChanged,
+      onAlertStatesChange,
+      onChangePage,
+      onChangeRowsPerPage,
+      isLoading,
+      setIsLoading,
+      compact: true
+    }
+  ))), /* @__PURE__ */ React.createElement(
+    AlertNewModal,
+    {
+      isModalOpened: isNewAlertModalOpened,
+      setIsModalOpened: setIsNewAlertModalOpened,
+      refetchAlerts,
+      initialAlertSource: alertSource,
+      entityName: name
+    }
+  ), /* @__PURE__ */ React.createElement(
+    ILertCardMaintenanceModal,
+    {
+      alertSource,
+      refetchAlertSource,
+      isModalOpened: isMaintenanceModalOpened,
+      setIsModalOpened: setIsMaintenanceModalOpened
+    }
+  ));
+};
+
+export { ILertCard, isPluginApplicableToEntity };
+//# sourceMappingURL=ILertCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCard.esm.js","sources":["../../../src/components/ILertCard/ILertCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Entity } from '@backstage/catalog-model';\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport { AuthenticationError } from '@backstage/errors';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Divider from '@material-ui/core/Divider';\nimport { makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport { ILERT_INTEGRATION_KEY_ANNOTATION } from '../../constants';\nimport { useILertEntity } from '../../hooks';\nimport { useAlerts } from '../../hooks/useAlerts';\nimport { useAlertSource } from '../../hooks/useAlertSource';\nimport { AlertNewModal } from '../Alert/AlertNewModal';\nimport { AlertsTable } from '../AlertsPage';\nimport { MissingAuthorizationHeaderError } from '../Errors';\nimport { ILertCardActionsHeader } from './ILertCardActionsHeader';\nimport { ILertCardEmptyState } from './ILertCardEmptyState';\nimport { ILertCardHeaderStatus } from './ILertCardHeaderStatus';\nimport { ILertCardMaintenanceModal } from './ILertCardMaintenanceModal';\nimport { ILertCardOnCall } from './ILertCardOnCall';\n\n/** @public */\nexport const isPluginApplicableToEntity = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[ILERT_INTEGRATION_KEY_ANNOTATION]);\n\nconst useStyles = makeStyles({\n  content: {\n    paddingLeft: '0 !important',\n    paddingRight: '0 !important',\n    paddingBottom: '0 !important',\n    paddingTop: '0 !important',\n    '& div div': {\n      boxShadow: 'none !important',\n    },\n  },\n});\n\n/** @public */\nexport const ILertCard = () => {\n  const classes = useStyles();\n  const { integrationKey, name } = useILertEntity();\n  const [{ alertSource }, { setAlertSource, refetchAlertSource }] =\n    useAlertSource(integrationKey);\n  const [\n    { tableState, states, alerts, alertsCount, isLoading, error },\n    {\n      onAlertStatesChange,\n      onChangePage,\n      onChangeRowsPerPage,\n      onAlertChanged,\n      refetchAlerts,\n      setIsLoading,\n    },\n  ] = useAlerts(false, true, alertSource);\n\n  const [isNewAlertModalOpened, setIsNewAlertModalOpened] =\n    React.useState(false);\n  const [isMaintenanceModalOpened, setIsMaintenanceModalOpened] =\n    React.useState(false);\n\n  if (error) {\n    if (error instanceof AuthenticationError) {\n      return <MissingAuthorizationHeaderError />;\n    }\n\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (!integrationKey) {\n    return <ILertCardEmptyState />;\n  }\n\n  return (\n    <>\n      <Card data-testid=\"ilert-card\">\n        <CardHeader\n          title=\"iLert\"\n          subheader={\n            <ILertCardActionsHeader\n              alertSource={alertSource}\n              setAlertSource={setAlertSource}\n              setIsNewAlertModalOpened={setIsNewAlertModalOpened}\n              setIsMaintenanceModalOpened={setIsMaintenanceModalOpened}\n            />\n          }\n          action={<ILertCardHeaderStatus alertSource={alertSource} />}\n        />\n        <Divider />\n        <CardContent className={classes.content}>\n          <ILertCardOnCall alertSource={alertSource} />\n          <AlertsTable\n            alerts={alerts}\n            alertsCount={alertsCount}\n            tableState={tableState}\n            states={states}\n            onAlertChanged={onAlertChanged}\n            onAlertStatesChange={onAlertStatesChange}\n            onChangePage={onChangePage}\n            onChangeRowsPerPage={onChangeRowsPerPage}\n            isLoading={isLoading}\n            setIsLoading={setIsLoading}\n            compact\n          />\n        </CardContent>\n      </Card>\n      <AlertNewModal\n        isModalOpened={isNewAlertModalOpened}\n        setIsModalOpened={setIsNewAlertModalOpened}\n        refetchAlerts={refetchAlerts}\n        initialAlertSource={alertSource}\n        entityName={name}\n      />\n      <ILertCardMaintenanceModal\n        alertSource={alertSource}\n        refetchAlertSource={refetchAlertSource}\n        isModalOpened={isMaintenanceModalOpened}\n        setIsModalOpened={setIsMaintenanceModalOpened}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}