@backstage-community/plugin-ilert 0.7.1 → 0.8.0

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

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

@@ -1,6 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 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) => ({
@@ -33,13 +33,13 @@ const StatusChip = ({ alert }) => {
   const label = `${alertStatusLabels[alert.status]}`;
   switch (alert.status) {
     case RESOLVED:
-      return /* @__PURE__ */ React.createElement(ResolvedChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(ResolvedChip, { label, size: "small" });
     case ACCEPTED:
-      return /* @__PURE__ */ React.createElement(AcceptedChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(AcceptedChip, { label, size: "small" });
     case PENDING:
-      return /* @__PURE__ */ React.createElement(PendingChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(PendingChip, { label, size: "small" });
     default:
-      return /* @__PURE__ */ React.createElement(Chip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(Chip, { label, size: "small" });
   }
 };
 

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

@@ -1 +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;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,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;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,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;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAED,MAAM,iBAAoB,GAAA;AAAA,EAC/B,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,OAAO,GAAG;AACb;AAEO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACzD,EAAA,MAAM,KAAQ,GAAA,CAAA,EAAG,iBAAkB,CAAA,KAAA,CAAM,MAAM,CAAC,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;AAAA,IAClD,KAAK,QAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IAClD,KAAK,OAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACjD;AACE,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA;AAE9C;;;;"}
+{"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 { 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":";;;;;AAmBA,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;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,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;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,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;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAED,MAAM,iBAAoB,GAAA;AAAA,EAC/B,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,OAAO,GAAG;AACb;AAEO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACzD,EAAA,MAAM,KAAQ,GAAA,CAAA,EAAG,iBAAkB,CAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAEhD,EAAA,QAAQ,MAAM,MAAQ;AAAA,IACpB,KAAK,QAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,YAAA,EAAA,EAAa,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IAClD,KAAK,QAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,YAAA,EAAA,EAAa,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IAClD,KAAK,OAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAY,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACjD;AACE,MAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA;AAE9C;;;;"}

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

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Checkbox from '@material-ui/core/Checkbox';
 import FormControl from '@material-ui/core/FormControl';
 import ListItemText from '@material-ui/core/ListItemText';
@@ -5,7 +6,6 @@ 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';
 
@@ -43,31 +43,37 @@ const TableTitle = ({
   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,
+  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
+    /* @__PURE__ */ jsx(Typography, { noWrap: true, className: classes.label, children: "Status:" }),
+    /* @__PURE__ */ jsx(
+      FormControl,
       {
-        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] })))
+        className: classes.formControl,
+        variant: "outlined",
+        size: "small",
+        children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            id: "alerts-status-select",
+            multiple: true,
+            value: alertStates,
+            onChange: handleAlertStatusSelectChange,
+            renderValue: (selected) => selected.join(", "),
+            MenuProps,
+            children: [PENDING, ACCEPTED, RESOLVED].map((state) => /* @__PURE__ */ jsxs(MenuItem, { value: state, children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: alertStates.indexOf(state) > -1
+                }
+              ),
+              /* @__PURE__ */ jsx(ListItemText, { primary: alertStatusLabels[state] })
+            ] }, state))
+          }
+        )
+      }
     )
-  ));
+  ] });
 };
 
 export { TableTitle };

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

@@ -1 +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;AACpB,MAAM,gBAAmB,GAAA,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;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAW,EAAA,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,GACf;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,GAAA;AAAA,IACV,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAEM,MAAM,aAAa,CAAC;AAAA,EACzB,WAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,6BAAA,GAAgC,CAAC,KAAe,KAAA;AACpD,IAAoB,mBAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,GACxC;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;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;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;AAAA;AAAA,OACvD,sCACC,YAAa,EAAA,EAAA,OAAA,EAAS,kBAAkB,KAAK,CAAA,EAAG,CACnD,CACD;AAAA;AACH,GAEJ,CAAA;AAEJ;;;;"}
+{"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 { 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":";;;;;;;;;;;AAyBA,MAAM,WAAc,GAAA,EAAA;AACpB,MAAM,gBAAmB,GAAA,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;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAW,EAAA,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,GACf;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,GAAA;AAAA,IACV,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAEM,MAAM,aAAa,CAAC;AAAA,EACzB,WAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,6BAAA,GAAgC,CAAC,KAAe,KAAA;AACpD,IAAoB,mBAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,GACxC;AAEA,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,MAAM,EAAA,IAAA,EAAC,SAAW,EAAA,OAAA,CAAQ,OAAO,QAE7C,EAAA,SAAA,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,WAAA;AAAA,QACnB,OAAQ,EAAA,UAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QAEL,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,sBAAA;AAAA,YACH,QAAQ,EAAA,IAAA;AAAA,YACR,KAAO,EAAA,WAAA;AAAA,YACP,QAAU,EAAA,6BAAA;AAAA,YACV,WAAa,EAAA,CAAC,QAAkB,KAAA,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA,YAClD,SAAA;AAAA,YAEC,QAAA,EAAA,CAAC,OAAS,EAAA,QAAA,EAAU,QAAQ,CAAA,CAAE,IAAI,CACjC,KAAA,qBAAA,IAAA,CAAC,QAAqB,EAAA,EAAA,KAAA,EAAO,KAC3B,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,OAAS,EAAA,WAAA,CAAY,OAAQ,CAAA,KAAoB,CAAI,GAAA,CAAA;AAAA;AAAA,eACvD;AAAA,8BACC,GAAA,CAAA,YAAA,EAAA,EAAa,OAAS,EAAA,iBAAA,CAAkB,KAAK,CAAG,EAAA;AAAA,aAAA,EAAA,EAJpC,KAKf,CACD;AAAA;AAAA;AACH;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,21 +1,21 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import { EmptyState } from '@backstage/core-components';
 
-const MissingAuthorizationHeaderError = () => /* @__PURE__ */ React.createElement(
+const MissingAuthorizationHeaderError = () => /* @__PURE__ */ jsx(
   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(
+    action: /* @__PURE__ */ jsx(
       Button,
       {
         color: "primary",
         variant: "contained",
-        href: "https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md"
-      },
-      "Read More"
+        href: "https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md",
+        children: "Read More"
+      }
     )
   }
 );

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

@@ -1 +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;AAAA,OAAA;AAAA,MACN;AAAA;AAED;AAEJ;;;;"}
+{"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 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":";;;;AAkBO,MAAM,kCAAkC,sBAC7C,GAAA;AAAA,EAAC,UAAA;AAAA,EAAA;AAAA,IACC,OAAQ,EAAA,MAAA;AAAA,IACR,KAAM,EAAA,+CAAA;AAAA,IACN,WAAY,EAAA,4FAAA;AAAA,IACZ,MACE,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,WAAA;AAAA,QACR,IAAK,EAAA,4EAAA;AAAA,QACN,QAAA,EAAA;AAAA;AAAA;AAED;AAEJ;;;;"}

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ResponseErrorPanel } from '@backstage/core-components';
 import { AuthenticationError } from '@backstage/errors';
 import Card from '@material-ui/core/Card';
@@ -5,7 +6,7 @@ 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 { useState } 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';
@@ -48,65 +49,76 @@ const ILertCard = () => {
       setIsLoading
     }
   ] = useAlerts(false, true, alertSource);
-  const [isNewAlertModalOpened, setIsNewAlertModalOpened] = React.useState(false);
-  const [isMaintenanceModalOpened, setIsMaintenanceModalOpened] = React.useState(false);
+  const [isNewAlertModalOpened, setIsNewAlertModalOpened] = useState(false);
+  const [isMaintenanceModalOpened, setIsMaintenanceModalOpened] = useState(false);
   if (error) {
     if (error instanceof AuthenticationError) {
-      return /* @__PURE__ */ React.createElement(MissingAuthorizationHeaderError, null);
+      return /* @__PURE__ */ jsx(MissingAuthorizationHeaderError, {});
     }
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
   if (!integrationKey) {
-    return /* @__PURE__ */ React.createElement(ILertCardEmptyState, null);
+    return /* @__PURE__ */ jsx(ILertCardEmptyState, {});
   }
-  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,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Card, { "data-testid": "ilert-card", children: [
+      /* @__PURE__ */ jsx(
+        CardHeader,
         {
-          alertSource,
-          setAlertSource,
-          setIsNewAlertModalOpened,
-          setIsMaintenanceModalOpened
+          title: "iLert",
+          subheader: /* @__PURE__ */ jsx(
+            ILertCardActionsHeader,
+            {
+              alertSource,
+              setAlertSource,
+              setIsNewAlertModalOpened,
+              setIsMaintenanceModalOpened
+            }
+          ),
+          action: /* @__PURE__ */ jsx(ILertCardHeaderStatus, { alertSource })
         }
       ),
-      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
-    }
-  ));
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(CardContent, { className: classes.content, children: [
+        /* @__PURE__ */ jsx(ILertCardOnCall, { alertSource }),
+        /* @__PURE__ */ jsx(
+          AlertsTable,
+          {
+            alerts,
+            alertsCount,
+            tableState,
+            states,
+            onAlertChanged,
+            onAlertStatesChange,
+            onChangePage,
+            onChangeRowsPerPage,
+            isLoading,
+            setIsLoading,
+            compact: true
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AlertNewModal,
+      {
+        isModalOpened: isNewAlertModalOpened,
+        setIsModalOpened: setIsNewAlertModalOpened,
+        refetchAlerts,
+        initialAlertSource: alertSource,
+        entityName: name
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ILertCardMaintenanceModal,
+      {
+        alertSource,
+        refetchAlertSource,
+        isModalOpened: isMaintenanceModalOpened,
+        setIsModalOpened: setIsMaintenanceModalOpened
+      }
+    )
+  ] });
 };
 
 export { ILertCard, isPluginApplicableToEntity };

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

@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;AAsCa,MAAA,0BAAA,GAA6B,CAAC,MACzC,KAAA,OAAA,CAAQ,OAAO,QAAS,CAAA,WAAA,GAAc,gCAAgC,CAAC;AAEzE,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,cAAA;AAAA,IACb,YAAc,EAAA,cAAA;AAAA,IACd,aAAe,EAAA,cAAA;AAAA,IACf,UAAY,EAAA,cAAA;AAAA,IACZ,WAAa,EAAA;AAAA,MACX,SAAW,EAAA;AAAA;AACb;AAEJ,CAAC,CAAA;AAGM,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,EAAE,cAAA,EAAgB,IAAK,EAAA,GAAI,cAAe,EAAA;AAChD,EAAM,MAAA,CAAC,EAAE,WAAA,EAAe,EAAA,EAAE,gBAAgB,kBAAmB,EAAC,CAC5D,GAAA,cAAA,CAAe,cAAc,CAAA;AAC/B,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;AAAA;AACF,GACE,GAAA,SAAA,CAAU,KAAO,EAAA,IAAA,EAAM,WAAW,CAAA;AAEtC,EAAA,MAAM,CAAC,qBAAuB,EAAA,wBAAwB,CACpD,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AACtB,EAAA,MAAM,CAAC,wBAA0B,EAAA,2BAA2B,CAC1D,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAEtB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,IAAI,iBAAiB,mBAAqB,EAAA;AACxC,MAAA,2CAAQ,+BAAgC,EAAA,IAAA,CAAA;AAAA;AAG1C,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAA,2CAAQ,mBAAoB,EAAA,IAAA,CAAA;AAAA;AAG9B,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAY,YAChB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,OAAA;AAAA,MACN,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,cAAA;AAAA,UACA,wBAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEF,MAAA,kBAAS,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,WAA0B,EAAA;AAAA;AAAA,GAE3D,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,IAAA,CAAA,kBACR,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,OAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,WAAA,EAA0B,CAC3C,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,MACA,OAAO,EAAA;AAAA;AAAA,GAEX,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,aAAe,EAAA,qBAAA;AAAA,MACf,gBAAkB,EAAA,wBAAA;AAAA,MAClB,aAAA;AAAA,MACA,kBAAoB,EAAA,WAAA;AAAA,MACpB,UAAY,EAAA;AAAA;AAAA,GAEd,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,kBAAA;AAAA,MACA,aAAe,EAAA,wBAAA;AAAA,MACf,gBAAkB,EAAA;AAAA;AAAA,GAEtB,CAAA;AAEJ;;;;"}
+{"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 { useState } 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] = useState(false);\n  const [isMaintenanceModalOpened, setIsMaintenanceModalOpened] =\n    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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"}

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
@@ -10,7 +11,7 @@ import PauseIcon from '@material-ui/icons/Pause';
 import PlayArrowIcon from '@material-ui/icons/PlayArrow';
 import WebIcon from '@material-ui/icons/Web';
 import Alert from '@material-ui/lab/Alert';
-import React from 'react';
+import { useState } from 'react';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { HeaderIconLinkRow } from '@backstage/core-components';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
@@ -23,8 +24,8 @@ const ILertCardActionsHeader = ({
 }) => {
   const ilertApi = useApi(ilertApiRef);
   const alertApi = useApi(alertApiRef);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [isDisableModalOpened, setIsDisableModalOpened] = React.useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isDisableModalOpened, setIsDisableModalOpened] = useState(false);
   const handleCreateNewAlert = () => {
     setIsNewAlertModalOpened(true);
   };
@@ -71,31 +72,31 @@ const ILertCardActionsHeader = ({
   const alertSourceLink = {
     label: "Alert Source",
     href: ilertApi.getAlertSourceDetailsURL(alertSource),
-    icon: /* @__PURE__ */ React.createElement(WebIcon, null)
+    icon: /* @__PURE__ */ jsx(WebIcon, {})
   };
   const createAlertLink = {
     label: "Create Alert",
     onClick: handleCreateNewAlert,
-    icon: /* @__PURE__ */ React.createElement(AlarmAddIcon, null),
+    icon: /* @__PURE__ */ jsx(AlarmAddIcon, {}),
     color: "secondary",
     disabled: !alertSource || alertSource.status === "DISABLED" || alertSource.status === "IN_MAINTENANCE"
   };
   const enableAlertSourceLink = {
     label: "Enable",
     onClick: handleEnableAlertSource,
-    icon: /* @__PURE__ */ React.createElement(PlayArrowIcon, null),
+    icon: /* @__PURE__ */ jsx(PlayArrowIcon, {}),
     disabled: !alertSource || isLoading
   };
   const disableAlertSourceLink = {
     label: "Disable",
     onClick: handleDisableAlertSourceWarningOpen,
-    icon: /* @__PURE__ */ React.createElement(PauseIcon, null),
+    icon: /* @__PURE__ */ jsx(PauseIcon, {}),
     disabled: !alertSource || isLoading
   };
   const maintenanceAlertSourceLink = {
     label: "Immediate maintenance",
     onClick: handleMaintenanceAlertSource,
-    icon: /* @__PURE__ */ React.createElement(BuildIcon, null),
+    icon: /* @__PURE__ */ jsx(BuildIcon, {}),
     disabled: !alertSource || isLoading
   };
   const links = [
@@ -106,32 +107,40 @@ const ILertCardActionsHeader = ({
   if (alertSource && alertSource.status !== "IN_MAINTENANCE") {
     links.push(maintenanceAlertSourceLink);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HeaderIconLinkRow, { links }), /* @__PURE__ */ React.createElement(
-    Dialog,
-    {
-      open: isDisableModalOpened,
-      onClose: handleDisableAlertSourceWarningClose,
-      "aria-labelledby": "alert-source-disable-form-title"
-    },
-    /* @__PURE__ */ React.createElement(DialogTitle, { id: "alert-source-disable-form-title" }, "Disable alert source"),
-    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Alert, { severity: "info" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", align: "justify" }, "Do you really want to disable this alert source? A disabled alert source cannot create new alerts."))),
-    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
-      Button,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HeaderIconLinkRow, { links }),
+    /* @__PURE__ */ jsxs(
+      Dialog,
       {
-        onClick: handleDisableAlertSource,
-        color: "secondary",
-        variant: "contained"
-      },
-      "Disable"
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: handleDisableAlertSourceWarningClose,
-        color: "primary"
-      },
-      "Cancel"
-    ))
-  ));
+        open: isDisableModalOpened,
+        onClose: handleDisableAlertSourceWarningClose,
+        "aria-labelledby": "alert-source-disable-form-title",
+        children: [
+          /* @__PURE__ */ jsx(DialogTitle, { id: "alert-source-disable-form-title", children: "Disable alert source" }),
+          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Alert, { severity: "info", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", align: "justify", children: "Do you really want to disable this alert source? A disabled alert source cannot create new alerts." }) }) }),
+          /* @__PURE__ */ jsxs(DialogActions, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleDisableAlertSource,
+                color: "secondary",
+                variant: "contained",
+                children: "Disable"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleDisableAlertSourceWarningClose,
+                color: "primary",
+                children: "Cancel"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
 };
 
 export { ILertCardActionsHeader };

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

@@ -1 +1 @@
-{"version":3,"file":"ILertCardActionsHeader.esm.js","sources":["../../../src/components/ILertCard/ILertCardActionsHeader.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 Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Typography from '@material-ui/core/Typography';\nimport AlarmAddIcon from '@material-ui/icons/AlarmAdd';\nimport BuildIcon from '@material-ui/icons/Build';\nimport PauseIcon from '@material-ui/icons/Pause';\nimport PlayArrowIcon from '@material-ui/icons/PlayArrow';\nimport WebIcon from '@material-ui/icons/Web';\nimport Alert from '@material-ui/lab/Alert';\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { AlertSource } from '../../types';\n\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n} from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const ILertCardActionsHeader = ({\n  alertSource,\n  setAlertSource,\n  setIsNewAlertModalOpened,\n  setIsMaintenanceModalOpened,\n}: {\n  alertSource: AlertSource | null;\n  setAlertSource: (alertSource: AlertSource) => void;\n  setIsNewAlertModalOpened: (isOpen: boolean) => void;\n  setIsMaintenanceModalOpened: (isOpen: boolean) => void;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [isDisableModalOpened, setIsDisableModalOpened] = React.useState(false);\n\n  const handleCreateNewAlert = () => {\n    setIsNewAlertModalOpened(true);\n  };\n\n  const handleEnableAlertSource = async () => {\n    try {\n      if (!alertSource) {\n        return;\n      }\n      setIsLoading(true);\n      const newAlertSource = await ilertApi.enableAlertSource(alertSource);\n      alertApi.post({ message: 'Alert source enabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ message: err, severity: 'error' });\n    }\n  };\n  const handleDisableAlertSource = async () => {\n    try {\n      if (!alertSource) {\n        return;\n      }\n      setIsDisableModalOpened(false);\n      setIsLoading(true);\n      const newAlertSource = await ilertApi.disableAlertSource(alertSource);\n      alertApi.post({ message: 'Alert source disabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ message: err, severity: 'error' });\n    }\n  };\n\n  const handleDisableAlertSourceWarningOpen = () => {\n    setIsDisableModalOpened(true);\n  };\n\n  const handleDisableAlertSourceWarningClose = () => {\n    setIsDisableModalOpened(false);\n  };\n\n  const handleMaintenanceAlertSource = () => {\n    setIsMaintenanceModalOpened(true);\n  };\n\n  const alertSourceLink: IconLinkVerticalProps = {\n    label: 'Alert Source',\n    href: ilertApi.getAlertSourceDetailsURL(alertSource),\n    icon: <WebIcon />,\n  };\n\n  const createAlertLink: IconLinkVerticalProps = {\n    label: 'Create Alert',\n    onClick: handleCreateNewAlert,\n    icon: <AlarmAddIcon />,\n    color: 'secondary',\n    disabled:\n      !alertSource ||\n      alertSource.status === 'DISABLED' ||\n      alertSource.status === 'IN_MAINTENANCE',\n  };\n\n  const enableAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Enable',\n    onClick: handleEnableAlertSource,\n    icon: <PlayArrowIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const disableAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Disable',\n    onClick: handleDisableAlertSourceWarningOpen,\n    icon: <PauseIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const maintenanceAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Immediate maintenance',\n    onClick: handleMaintenanceAlertSource,\n    icon: <BuildIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const links: IconLinkVerticalProps[] = [\n    alertSourceLink,\n    createAlertLink,\n    alertSource && alertSource.active\n      ? disableAlertSourceLink\n      : enableAlertSourceLink,\n  ];\n\n  if (alertSource && alertSource.status !== 'IN_MAINTENANCE') {\n    links.push(maintenanceAlertSourceLink);\n  }\n\n  return (\n    <>\n      <HeaderIconLinkRow links={links} />\n      <Dialog\n        open={isDisableModalOpened}\n        onClose={handleDisableAlertSourceWarningClose}\n        aria-labelledby=\"alert-source-disable-form-title\"\n      >\n        <DialogTitle id=\"alert-source-disable-form-title\">\n          Disable alert source\n        </DialogTitle>\n        <DialogContent>\n          <Alert severity=\"info\">\n            <Typography variant=\"body1\" align=\"justify\">\n              Do you really want to disable this alert source? A disabled alert\n              source cannot create new alerts.\n            </Typography>\n          </Alert>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={handleDisableAlertSource}\n            color=\"secondary\"\n            variant=\"contained\"\n          >\n            Disable\n          </Button>\n          <Button\n            onClick={handleDisableAlertSourceWarningClose}\n            color=\"primary\"\n          >\n            Cancel\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ILertCardActionsHeader.esm.js","sources":["../../../src/components/ILertCard/ILertCardActionsHeader.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 Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Typography from '@material-ui/core/Typography';\nimport AlarmAddIcon from '@material-ui/icons/AlarmAdd';\nimport BuildIcon from '@material-ui/icons/Build';\nimport PauseIcon from '@material-ui/icons/Pause';\nimport PlayArrowIcon from '@material-ui/icons/PlayArrow';\nimport WebIcon from '@material-ui/icons/Web';\nimport Alert from '@material-ui/lab/Alert';\nimport { useState } from 'react';\nimport { ilertApiRef } from '../../api';\nimport { AlertSource } from '../../types';\n\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n} from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const ILertCardActionsHeader = ({\n  alertSource,\n  setAlertSource,\n  setIsNewAlertModalOpened,\n  setIsMaintenanceModalOpened,\n}: {\n  alertSource: AlertSource | null;\n  setAlertSource: (alertSource: AlertSource) => void;\n  setIsNewAlertModalOpened: (isOpen: boolean) => void;\n  setIsMaintenanceModalOpened: (isOpen: boolean) => void;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isDisableModalOpened, setIsDisableModalOpened] = useState(false);\n\n  const handleCreateNewAlert = () => {\n    setIsNewAlertModalOpened(true);\n  };\n\n  const handleEnableAlertSource = async () => {\n    try {\n      if (!alertSource) {\n        return;\n      }\n      setIsLoading(true);\n      const newAlertSource = await ilertApi.enableAlertSource(alertSource);\n      alertApi.post({ message: 'Alert source enabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ message: err, severity: 'error' });\n    }\n  };\n  const handleDisableAlertSource = async () => {\n    try {\n      if (!alertSource) {\n        return;\n      }\n      setIsDisableModalOpened(false);\n      setIsLoading(true);\n      const newAlertSource = await ilertApi.disableAlertSource(alertSource);\n      alertApi.post({ message: 'Alert source disabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ message: err, severity: 'error' });\n    }\n  };\n\n  const handleDisableAlertSourceWarningOpen = () => {\n    setIsDisableModalOpened(true);\n  };\n\n  const handleDisableAlertSourceWarningClose = () => {\n    setIsDisableModalOpened(false);\n  };\n\n  const handleMaintenanceAlertSource = () => {\n    setIsMaintenanceModalOpened(true);\n  };\n\n  const alertSourceLink: IconLinkVerticalProps = {\n    label: 'Alert Source',\n    href: ilertApi.getAlertSourceDetailsURL(alertSource),\n    icon: <WebIcon />,\n  };\n\n  const createAlertLink: IconLinkVerticalProps = {\n    label: 'Create Alert',\n    onClick: handleCreateNewAlert,\n    icon: <AlarmAddIcon />,\n    color: 'secondary',\n    disabled:\n      !alertSource ||\n      alertSource.status === 'DISABLED' ||\n      alertSource.status === 'IN_MAINTENANCE',\n  };\n\n  const enableAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Enable',\n    onClick: handleEnableAlertSource,\n    icon: <PlayArrowIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const disableAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Disable',\n    onClick: handleDisableAlertSourceWarningOpen,\n    icon: <PauseIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const maintenanceAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Immediate maintenance',\n    onClick: handleMaintenanceAlertSource,\n    icon: <BuildIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const links: IconLinkVerticalProps[] = [\n    alertSourceLink,\n    createAlertLink,\n    alertSource && alertSource.active\n      ? disableAlertSourceLink\n      : enableAlertSourceLink,\n  ];\n\n  if (alertSource && alertSource.status !== 'IN_MAINTENANCE') {\n    links.push(maintenanceAlertSourceLink);\n  }\n\n  return (\n    <>\n      <HeaderIconLinkRow links={links} />\n      <Dialog\n        open={isDisableModalOpened}\n        onClose={handleDisableAlertSourceWarningClose}\n        aria-labelledby=\"alert-source-disable-form-title\"\n      >\n        <DialogTitle id=\"alert-source-disable-form-title\">\n          Disable alert source\n        </DialogTitle>\n        <DialogContent>\n          <Alert severity=\"info\">\n            <Typography variant=\"body1\" align=\"justify\">\n              Do you really want to disable this alert source? A disabled alert\n              source cannot create new alerts.\n            </Typography>\n          </Alert>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={handleDisableAlertSource}\n            color=\"secondary\"\n            variant=\"contained\"\n          >\n            Disable\n          </Button>\n          <Button\n            onClick={handleDisableAlertSourceWarningClose}\n            color=\"primary\"\n          >\n            Cancel\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}