@backstage-community/plugin-ilert 0.18.0 → 0.20.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 { 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":";;;;;;;;;;;;;;AA8BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA;AAAA;AAEpB,CAAE,CAAA,CAAA;AAEK,MAAM,cAAc,CAAC;AAAA,EAC1B,MAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAYM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,IAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AACA,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AACA,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AACA,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AACA,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAEA,EAAA,MAAM,QAA+B,GAAA;AAAA,IACnC,KAAO,EAAA,IAAA;AAAA,IACP,KAAO,EAAA,IAAA;AAAA,IACP,SAAW,EAAA,IAAA;AAAA,IACX,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAQ,EAAA,CAAA,OAAA,qBAAY,GAAA,CAAA,SAAA,EAAA,EAAU,OAAO,OAAS,EAAA;AAAA,GAChD;AACA,EAAA,MAAM,aAAoC,GAAA;AAAA,IACxC,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,SAAA,EAAW,CAAC,OAAA,GAAU,aAAgB,GAAA,KAAA,CAAA;AAAA,IACtC,WAAA,EAAa,CAAC,OAAA,GAAU,aAAgB,GAAA,KAAA,CAAA;AAAA,IACxC,MAAQ,EAAA,CAAA,OAAA,qBAAY,GAAA,CAAA,UAAA,EAAA,EAAY,kBAAQ,OAAQ,EAAA;AAAA,GAClD;AACA,EAAA,MAAM,YAAmC,GAAA;AAAA,IACvC,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,QAAQ,CAAW,OAAA,qBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,WAAA,EAAa,QAAQ,WAAa,EAAA;AAAA,GACxE;AACA,EAAA,MAAM,cAAqC,GAAA;AAAA,IACzC,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,YAAA;AAAA,IACP,IAAM,EAAA,UAAA;AAAA,IACN,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAA,EAAQ,6BACL,GAAA,CAAA,UAAA,EAAA,EAAW,QAAM,IACf,EAAA,QAAA,EAAA,OAAA,CAAQ,WAAW,UAChB,GAAA,gBAAA;AAAA,MACE,QAAS,CAAA,aAAA,CAAcA,QAAG,CAAA,OAAA,CAAQ,OAAQ,CAAA,UAAU,CAAG,EAAAA,QAAA,CAAG,GAAI,EAAC,CAC5D,CAAA,UAAA,GACA,OAAQ,EAAA;AAAA,MACX,EAAE,KAAO,EAAA,CAAC,GAAK,EAAA,GAAA,EAAK,GAAG,CAAG,EAAA,OAAA,EAAS,CAAG,EAAA,KAAA,EAAO,IAAK;AAAA,KAEpD,GAAA,gBAAA;AAAA,MACE,QAAS,CAAA,aAAA;AAAA,QACPA,QAAA,CAAG,OAAQ,CAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,QAC7BA,QAAA,CAAG,OAAQ,CAAA,OAAA,CAAQ,UAAU;AAAA,OAC/B,CACG,UAAW,EAAA,CACX,OAAQ,EAAA;AAAA,MACX,EAAE,KAAO,EAAA,CAAC,GAAK,EAAA,GAAA,EAAK,GAAG,CAAG,EAAA,OAAA,EAAS,CAAG,EAAA,KAAA,EAAO,IAAK;AAAA,KAE1D,EAAA;AAAA,GAEJ;AACA,EAAA,MAAM,gBAAuC,GAAA;AAAA,IAC3C,KAAO,EAAA,YAAA;AAAA,IACP,KAAO,EAAA,YAAA;AAAA,IACP,SAAA,EAAW,CAAC,OAAA,GAAU,aAAgB,GAAA,aAAA;AAAA,IACtC,WAAA,EAAa,CAAC,OAAA,GAAU,aAAgB,GAAA,aAAA;AAAA,IACxC,MAAA,EAAQ,CACN,OAAA,qBAAA,GAAA,CAAC,UACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,WAAW,GAAI,CAAA,CAAC,KAAO,EAAA,CAAA,EAAG,GAAQ,KAAA;AACzC,MACE,OAAA,QAAA,CAAS,gBAAgB,KAAM,CAAA,IAAI,KAClC,GAAI,CAAA,MAAA,GAAS,CAAM,KAAA,CAAA,GAAI,IAAO,GAAA,EAAA,CAAA;AAAA,KAElC,CACH,EAAA;AAAA,GAEJ;AACA,EAAA,MAAM,cAAqC,GAAA;AAAA,IACzC,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,IACP,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAA,EAAQ,CACN,OAAA,qBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAM,MACf,QAAQ,EAAA,OAAA,CAAA,QAAA,KAAa,MAAS,GAAA,MAAA,GAAS,KAC1C,EAAA;AAAA,GAEJ;AACA,EAAA,MAAM,YAAmC,GAAA;AAAA,IACvC,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAQ,EAAA,CAAA,OAAA,qBAAY,GAAA,CAAA,UAAA,EAAA,EAAW,OAAO,OAAS,EAAA;AAAA,GACjD;AACA,EAAA,MAAM,aAAoC,GAAA;AAAA,IACxC,KAAO,EAAA,EAAA;AAAA,IACP,KAAO,EAAA,EAAA;AAAA,IACP,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,QAAQ,CACN,OAAA,qBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,OAAA;AAAA,QACP,cAAA;AAAA,QACA;AAAA;AAAA;AACF,GAEJ;AAEA,EAAA,MAAM,UAAgC,OAClC,GAAA;AAAA,IACE,aAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GAEF,GAAA;AAAA,IACE,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEJ,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,OAAS,EAAA,KAAA;AAAA,QACT,QAAQ,CAAC,OAAA;AAAA,QACT,QAAQ,CAAC,OAAA;AAAA,QACT,kBAAoB,EAAA,CAAA,CAAA;AAAA,QACpB,UAAU,UAAW,CAAA,QAAA;AAAA,QACrB,eAAiB,EAAA,CAAC,OAAU,GAAA,CAAC,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,CAAA,GAAI,CAAC,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,IAAI,GAAG,CAAA;AAAA,QACnE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,SAAA;AAAA,QACb,4BAA4B,CAAC,SAAA;AAAA,QAC7B,SAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,OACX;AAAA,MACA,YAAA,sBACG,UAAW,EAAA,EAAA,KAAA,EAAM,iBAAgB,SAAW,EAAA,OAAA,CAAQ,OAAO,QAE5D,EAAA,qBAAA,EAAA,CAAA;AAAA,MAEF,KAAA,EACE,CAAC,OACC,mBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,WAAa,EAAA,MAAA;AAAA,UACb;AAAA;AAAA,0BAGD,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,QAAS,EAAA,KAAA,EAAM,iBAAgB,QAEnD,EAAA,QAAA,EAAA,CAAA;AAAA,MAGJ,MAAM,UAAW,CAAA,IAAA;AAAA,MACjB,UAAY,EAAA,WAAA;AAAA,MACZ,YAAc,EAAA,YAAA;AAAA,MACd,mBAAqB,EAAA,mBAAA;AAAA,MACrB,OAAA;AAAA,MACA,IAAM,EAAA,MAAA;AAAA,MACN;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"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":";;;;;;;;;;;;;;AA8BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,OAAA,EAAS,MAAA;AAAA,IACT,cAAA,EAAgB;AAAA;AAEpB,CAAA,CAAE,CAAA;AAEK,MAAM,cAAc,CAAC;AAAA,EAC1B,MAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAA,KAYM;AACJ,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,KAAA,EAAO,IAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AACA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AACA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AACA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AACA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AAEA,EAAA,MAAM,QAAA,GAA+B;AAAA,IACnC,KAAA,EAAO,IAAA;AAAA,IACP,KAAA,EAAO,IAAA;AAAA,IACP,SAAA,EAAW,IAAA;AAAA,IACX,SAAA,EAAW,aAAA;AAAA,IACX,WAAA,EAAa,aAAA;AAAA,IACb,MAAA,EAAQ,CAAA,OAAA,qBAAW,GAAA,CAAC,SAAA,EAAA,EAAU,OAAO,OAAA,EAAS;AAAA,GAChD;AACA,EAAA,MAAM,aAAA,GAAoC;AAAA,IACxC,KAAA,EAAO,SAAA;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,SAAA,EAAW,CAAC,OAAA,GAAU,aAAA,GAAgB,MAAA;AAAA,IACtC,WAAA,EAAa,CAAC,OAAA,GAAU,aAAA,GAAgB,MAAA;AAAA,IACxC,MAAA,EAAQ,CAAA,OAAA,qBAAW,GAAA,CAAC,UAAA,EAAA,EAAY,kBAAQ,OAAA,EAAQ;AAAA,GAClD;AACA,EAAA,MAAM,YAAA,GAAmC;AAAA,IACvC,KAAA,EAAO,QAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,SAAA,EAAW,aAAA;AAAA,IACX,WAAA,EAAa,aAAA;AAAA,IACb,QAAQ,CAAA,OAAA,qBAAW,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAA,EAAa,QAAQ,WAAA,EAAa;AAAA,GACxE;AACA,EAAA,MAAM,cAAA,GAAqC;AAAA,IACzC,KAAA,EAAO,UAAA;AAAA,IACP,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM,UAAA;AAAA,IACN,SAAA,EAAW,aAAA;AAAA,IACX,WAAA,EAAa,aAAA;AAAA,IACb,MAAA,EAAQ,6BACN,GAAA,CAAC,UAAA,EAAA,EAAW,QAAM,IAAA,EACf,QAAA,EAAA,OAAA,CAAQ,WAAW,UAAA,GAChB,gBAAA;AAAA,MACE,QAAA,CAAS,aAAA,CAAcA,QAAA,CAAG,OAAA,CAAQ,OAAA,CAAQ,UAAU,CAAA,EAAGA,QAAA,CAAG,GAAA,EAAK,CAAA,CAC5D,UAAA,GACA,OAAA,EAAQ;AAAA,MACX,EAAE,KAAA,EAAO,CAAC,GAAA,EAAK,GAAA,EAAK,GAAG,CAAA,EAAG,OAAA,EAAS,CAAA,EAAG,KAAA,EAAO,IAAA;AAAK,KACpD,GACA,gBAAA;AAAA,MACE,QAAA,CAAS,aAAA;AAAA,QACPA,QAAA,CAAG,OAAA,CAAQ,OAAA,CAAQ,UAAU,CAAA;AAAA,QAC7BA,QAAA,CAAG,OAAA,CAAQ,OAAA,CAAQ,UAAU;AAAA,OAC/B,CACG,UAAA,EAAW,CACX,OAAA,EAAQ;AAAA,MACX,EAAE,KAAA,EAAO,CAAC,GAAA,EAAK,GAAA,EAAK,GAAG,CAAA,EAAG,OAAA,EAAS,CAAA,EAAG,KAAA,EAAO,IAAA;AAAK,KACpD,EACN;AAAA,GAEJ;AACA,EAAA,MAAM,gBAAA,GAAuC;AAAA,IAC3C,KAAA,EAAO,YAAA;AAAA,IACP,KAAA,EAAO,YAAA;AAAA,IACP,SAAA,EAAW,CAAC,OAAA,GAAU,aAAA,GAAgB,aAAA;AAAA,IACtC,WAAA,EAAa,CAAC,OAAA,GAAU,aAAA,GAAgB,aAAA;AAAA,IACxC,MAAA,EAAQ,CAAA,OAAA,qBACN,GAAA,CAAC,UAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,WAAW,GAAA,CAAI,CAAC,KAAA,EAAO,CAAA,EAAG,GAAA,KAAQ;AACzC,MAAA,OACE,QAAA,CAAS,gBAAgB,KAAA,CAAM,IAAI,KAClC,GAAA,CAAI,MAAA,GAAS,CAAA,KAAM,CAAA,GAAI,IAAA,GAAO,EAAA,CAAA;AAAA,IAEnC,CAAC,CAAA,EACH;AAAA,GAEJ;AACA,EAAA,MAAM,cAAA,GAAqC;AAAA,IACzC,KAAA,EAAO,UAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,SAAA,EAAW,aAAA;AAAA,IACX,WAAA,EAAa,aAAA;AAAA,IACb,MAAA,EAAQ,CAAA,OAAA,qBACN,GAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAM,MACf,QAAA,EAAA,OAAA,CAAQ,QAAA,KAAa,MAAA,GAAS,MAAA,GAAS,KAAA,EAC1C;AAAA,GAEJ;AACA,EAAA,MAAM,YAAA,GAAmC;AAAA,IACvC,KAAA,EAAO,QAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,SAAA,EAAW,aAAA;AAAA,IACX,WAAA,EAAa,aAAA;AAAA,IACb,MAAA,EAAQ,CAAA,OAAA,qBAAW,GAAA,CAAC,UAAA,EAAA,EAAW,OAAO,OAAA,EAAS;AAAA,GACjD;AACA,EAAA,MAAM,aAAA,GAAoC;AAAA,IACxC,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,EAAA;AAAA,IACP,SAAA,EAAW,aAAA;AAAA,IACX,WAAA,EAAa,aAAA;AAAA,IACb,QAAQ,CAAA,OAAA,qBACN,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,OAAA;AAAA,QACP,cAAA;AAAA,QACA;AAAA;AAAA;AACF,GAEJ;AAEA,EAAA,MAAM,UAAgC,OAAA,GAClC;AAAA,IACE,aAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF,GACA;AAAA,IACE,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,KAAA;AAAA,QACT,QAAQ,CAAC,OAAA;AAAA,QACT,QAAQ,CAAC,OAAA;AAAA,QACT,kBAAA,EAAoB,EAAA;AAAA,QACpB,UAAU,UAAA,CAAW,QAAA;AAAA,QACrB,eAAA,EAAiB,CAAC,OAAA,GAAU,CAAC,IAAI,EAAA,EAAI,EAAA,EAAI,GAAG,CAAA,GAAI,CAAC,CAAA,EAAG,EAAA,EAAI,EAAA,EAAI,IAAI,GAAG,CAAA;AAAA,QACnE,OAAA,EAAS,OAAA;AAAA,QACT,WAAA,EAAa,SAAA;AAAA,QACb,4BAA4B,CAAC,SAAA;AAAA,QAC7B,SAAA,EAAW,IAAA;AAAA,QACX,OAAA,EAAS;AAAA,OACX;AAAA,MACA,YAAA,sBACG,UAAA,EAAA,EAAW,KAAA,EAAM,iBAAgB,SAAA,EAAW,OAAA,CAAQ,OAAO,QAAA,EAAA,qBAAA,EAE5D,CAAA;AAAA,MAEF,KAAA,EACE,CAAC,OAAA,mBACC,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAa,MAAA;AAAA,UACb;AAAA;AAAA,0BAGF,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,QAAA,EAAS,KAAA,EAAM,iBAAgB,QAAA,EAAA,QAAA,EAEnD,CAAA;AAAA,MAGJ,MAAM,UAAA,CAAW,IAAA;AAAA,MACjB,UAAA,EAAY,WAAA;AAAA,MACZ,YAAA,EAAc,YAAA;AAAA,MACd,mBAAA,EAAqB,mBAAA;AAAA,MACrB,OAAA;AAAA,MACA,IAAA,EAAM,MAAA;AAAA,MACN;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import Chip from '@material-ui/core/Chip';
 import { withStyles } from '@material-ui/core/styles';
-import { RESOLVED, ACCEPTED, PENDING } from '../../types.esm.js';
+import { PENDING, ACCEPTED, RESOLVED } from '../../types.esm.js';
 
 const ResolvedChip = withStyles((theme) => ({
   root: {

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 { 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;;;;"}
+{"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,CAAA,KAAA,MAAU;AAAA,EACxC,IAAA,EAAM;AAAA,IACJ,eAAA,EAAiB,SAAA;AAAA,IACjB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,IAC5B,MAAA,EAAQ;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAER,MAAM,YAAA,GAAe,WAAW,CAAA,KAAA,MAAU;AAAA,EACxC,IAAA,EAAM;AAAA,IACJ,eAAA,EAAiB,SAAA;AAAA,IACjB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,IAC5B,MAAA,EAAQ;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AACR,MAAM,WAAA,GAAc,WAAW,CAAA,KAAA,MAAU;AAAA,EACvC,IAAA,EAAM;AAAA,IACJ,eAAA,EAAiB,SAAA;AAAA,IACjB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,IAC5B,MAAA,EAAQ;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAED,MAAM,iBAAA,GAAoB;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,EAAM,KAAwB;AACzD,EAAA,MAAM,KAAA,GAAQ,CAAA,EAAG,iBAAA,CAAkB,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAEhD,EAAA,QAAQ,MAAM,MAAA;AAAQ,IACpB,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAc,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,IAClD,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAc,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,IAClD,KAAK,OAAA;AACH,MAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAc,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,IACjD;AACE,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAc,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA;AAE9C;;;;"}

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 { 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;;;;"}
+{"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,WAAA,GAAc,EAAA;AACpB,MAAM,gBAAA,GAAmB,CAAA;AACzB,MAAM,SAAA,GAAY;AAAA,EAChB,UAAA,EAAY;AAAA,IACV,KAAA,EAAO;AAAA,MACL,SAAA,EAAW,cAAc,GAAA,GAAM,gBAAA;AAAA,MAC/B,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,YAAY,UAAA,CAAW;AAAA,EAC3B,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS;AAAA,GACX;AAAA,EACA,KAAA,EAAO;AAAA,IACL,SAAA,EAAW,CAAA;AAAA,IACX,WAAA,EAAa;AAAA,GACf;AAAA,EACA,WAAA,EAAa;AAAA,IACX,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAEM,MAAM,aAAa,CAAC;AAAA,EACzB,WAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,6BAAA,GAAgC,CAAC,KAAA,KAAe;AACpD,IAAA,mBAAA,CAAoB,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,EACxC,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,MAAA,EAAM,IAAA,EAAC,SAAA,EAAW,OAAA,CAAQ,OAAO,QAAA,EAAA,SAAA,EAE7C,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,WAAA;AAAA,QACnB,OAAA,EAAQ,UAAA;AAAA,QACR,IAAA,EAAK,OAAA;AAAA,QAEL,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,sBAAA;AAAA,YACH,QAAA,EAAQ,IAAA;AAAA,YACR,KAAA,EAAO,WAAA;AAAA,YACP,QAAA,EAAU,6BAAA;AAAA,YACV,WAAA,EAAa,CAAC,QAAA,KAAkB,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA,YAClD,SAAA;AAAA,YAEC,QAAA,EAAA,CAAC,OAAA,EAAS,QAAA,EAAU,QAAQ,CAAA,CAAE,IAAI,CAAA,KAAA,qBACjC,IAAA,CAAC,QAAA,EAAA,EAAqB,KAAA,EAAO,KAAA,EAC3B,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,WAAA,CAAY,OAAA,CAAQ,KAAoB,CAAA,GAAI;AAAA;AAAA,eACvD;AAAA,8BACA,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAS,iBAAA,CAAkB,KAAK,CAAA,EAAG;AAAA,aAAA,EAAA,EAJpC,KAKf,CACD;AAAA;AAAA;AACH;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

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 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;;;;"}
+{"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,OAAA,EAAQ,MAAA;AAAA,IACR,KAAA,EAAM,+CAAA;AAAA,IACN,WAAA,EAAY,4FAAA;AAAA,IACZ,MAAA,kBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,SAAA;AAAA,QACN,OAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAK,4EAAA;AAAA,QACN,QAAA,EAAA;AAAA;AAAA;AAED;AAEJ;;;;"}

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 { 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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"}
+{"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,4 +1,4 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } 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';
@@ -14,7 +14,8 @@ import Alert from '@material-ui/lab/Alert';
 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';
+import { useApi } from '@backstage/core-plugin-api';
+import { toastApiRef } from '@backstage/frontend-plugin-api';
 
 const ILertCardActionsHeader = ({
   alertSource,
@@ -23,7 +24,7 @@ const ILertCardActionsHeader = ({
   setIsMaintenanceModalOpened
 }) => {
   const ilertApi = useApi(ilertApiRef);
-  const alertApi = useApi(alertApiRef);
+  const alertApi = useApi(toastApiRef);
   const [isLoading, setIsLoading] = useState(false);
   const [isDisableModalOpened, setIsDisableModalOpened] = useState(false);
   const handleCreateNewAlert = () => {
@@ -36,12 +37,12 @@ const ILertCardActionsHeader = ({
       }
       setIsLoading(true);
       const newAlertSource = await ilertApi.enableAlertSource(alertSource);
-      alertApi.post({ message: "Alert source enabled." });
+      alertApi.post({ title: "Alert source enabled." });
       setIsLoading(false);
       setAlertSource(newAlertSource);
     } catch (err) {
       setIsLoading(false);
-      alertApi.post({ message: err, severity: "error" });
+      alertApi.post({ title: err, status: "danger" });
     }
   };
   const handleDisableAlertSource = async () => {
@@ -52,12 +53,12 @@ const ILertCardActionsHeader = ({
       setIsDisableModalOpened(false);
       setIsLoading(true);
       const newAlertSource = await ilertApi.disableAlertSource(alertSource);
-      alertApi.post({ message: "Alert source disabled." });
+      alertApi.post({ title: "Alert source disabled." });
       setIsLoading(false);
       setAlertSource(newAlertSource);
     } catch (err) {
       setIsLoading(false);
-      alertApi.post({ message: err, severity: "error" });
+      alertApi.post({ title: err, status: "danger" });
     }
   };
   const handleDisableAlertSourceWarningOpen = () => {

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 { 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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"}
+{"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 { useApi } from '@backstage/core-plugin-api';\nimport { toastApiRef } from '@backstage/frontend-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(toastApiRef);\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({ title: 'Alert source enabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ title: err, status: 'danger' });\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({ title: 'Alert source disabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ title: err, status: 'danger' });\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ILertCardEmptyState.esm.js","sources":["../../../src/components/ILertCard/ILertCardEmptyState.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 */\n\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Button from '@material-ui/core/Button';\nimport Divider from '@material-ui/core/Divider';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `apiVersion: backstage.io/v1alpha1\nkind: Component\nmetadata:\n  name: example\n  description: example.com\n  annotations:\n    ilert.com/integration-key: [INTEGRATION_KEY]\nspec:\n  type: website\n  lifecycle: production\n  owner: guest`;\n\nconst useStyles = makeStyles(theme => ({\n  code: {\n    borderRadius: 6,\n    margin: theme.spacing(2, 0),\n    background:\n      theme.palette.type === 'dark' ? '#444' : theme.palette.common.white,\n  },\n  header: {\n    display: 'inline-block',\n    padding: theme.spacing(2, 2, 2, 2.5),\n  },\n}));\n\nexport const ILertCardEmptyState = () => {\n  const classes = useStyles();\n\n  return (\n    <Card data-testid=\"ilert-empty-card\">\n      <CardHeader title=\"iLert\" className={classes.header} />\n      <Divider />\n      <CardContent>\n        <Typography variant=\"body1\">\n          No integration key defined for this entity. You can add integration\n          key to your entity YAML as shown in the highlighted example below:\n        </Typography>\n        <div className={classes.code}>\n          <CodeSnippet\n            text={ENTITY_YAML}\n            language=\"yaml\"\n            showLineNumbers\n            highlightedNumbers={[6, 7]}\n            customStyle={{ background: 'inherit', fontSize: '115%' }}\n          />\n        </div>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          target=\"_blank\"\n          href=\"https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md\"\n        >\n          Read more\n        </Button>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAyBA,MAAM,WAAc,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,CAAA;AAYpB,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,YAAc,EAAA,CAAA;AAAA,IACd,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,IAC1B,UAAA,EACE,MAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,MAAS,GAAA,KAAA,CAAM,QAAQ,MAAO,CAAA;AAAA,GAClE;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,IACT,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,GAAG;AAAA;AAEvC,CAAE,CAAA,CAAA;AAEK,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAY,kBAChB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,SAAA,EAAW,QAAQ,MAAQ,EAAA,CAAA;AAAA,wBACpD,OAAQ,EAAA,EAAA,CAAA;AAAA,yBACR,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,QAG5B,EAAA,wIAAA,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,WAAA;AAAA,UACN,QAAS,EAAA,MAAA;AAAA,UACT,eAAe,EAAA,IAAA;AAAA,UACf,kBAAA,EAAoB,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,UACzB,WAAa,EAAA,EAAE,UAAY,EAAA,SAAA,EAAW,UAAU,MAAO;AAAA;AAAA,OAE3D,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,MAAO,EAAA,QAAA;AAAA,UACP,IAAK,EAAA,4EAAA;AAAA,UACN,QAAA,EAAA;AAAA;AAAA;AAED,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ILertCardEmptyState.esm.js","sources":["../../../src/components/ILertCard/ILertCardEmptyState.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 */\n\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Button from '@material-ui/core/Button';\nimport Divider from '@material-ui/core/Divider';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `apiVersion: backstage.io/v1alpha1\nkind: Component\nmetadata:\n  name: example\n  description: example.com\n  annotations:\n    ilert.com/integration-key: [INTEGRATION_KEY]\nspec:\n  type: website\n  lifecycle: production\n  owner: guest`;\n\nconst useStyles = makeStyles(theme => ({\n  code: {\n    borderRadius: 6,\n    margin: theme.spacing(2, 0),\n    background:\n      theme.palette.type === 'dark' ? '#444' : theme.palette.common.white,\n  },\n  header: {\n    display: 'inline-block',\n    padding: theme.spacing(2, 2, 2, 2.5),\n  },\n}));\n\nexport const ILertCardEmptyState = () => {\n  const classes = useStyles();\n\n  return (\n    <Card data-testid=\"ilert-empty-card\">\n      <CardHeader title=\"iLert\" className={classes.header} />\n      <Divider />\n      <CardContent>\n        <Typography variant=\"body1\">\n          No integration key defined for this entity. You can add integration\n          key to your entity YAML as shown in the highlighted example below:\n        </Typography>\n        <div className={classes.code}>\n          <CodeSnippet\n            text={ENTITY_YAML}\n            language=\"yaml\"\n            showLineNumbers\n            highlightedNumbers={[6, 7]}\n            customStyle={{ background: 'inherit', fontSize: '115%' }}\n          />\n        </div>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          target=\"_blank\"\n          href=\"https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md\"\n        >\n          Read more\n        </Button>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAyBA,MAAM,WAAA,GAAc,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,CAAA;AAYpB,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,YAAA,EAAc,CAAA;AAAA,IACd,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,IAC1B,UAAA,EACE,MAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,MAAA,GAAS,KAAA,CAAM,QAAQ,MAAA,CAAO;AAAA,GAClE;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,cAAA;AAAA,IACT,SAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAA,EAAG,GAAG,GAAG;AAAA;AAEvC,CAAA,CAAE,CAAA;AAEK,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAY,kBAAA,EAChB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,OAAA,EAAQ,SAAA,EAAW,QAAQ,MAAA,EAAQ,CAAA;AAAA,wBACpD,OAAA,EAAA,EAAQ,CAAA;AAAA,yBACR,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,QAAA,EAAA,wIAAA,EAG5B,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,WAAA;AAAA,UACN,QAAA,EAAS,MAAA;AAAA,UACT,eAAA,EAAe,IAAA;AAAA,UACf,kBAAA,EAAoB,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,UACzB,WAAA,EAAa,EAAE,UAAA,EAAY,SAAA,EAAW,UAAU,MAAA;AAAO;AAAA,OACzD,EACF,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,KAAA,EAAM,SAAA;AAAA,UACN,MAAA,EAAO,QAAA;AAAA,UACP,IAAA,EAAK,4EAAA;AAAA,UACN,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ILertCardHeaderStatus.esm.js","sources":["../../../src/components/ILertCard/ILertCardHeaderStatus.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 { AlertSource } from '../../types';\n\nconst MaintenanceChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#92949c',\n    color: theme.palette.common.white,\n    marginTop: 8,\n  },\n}))(Chip);\n\nexport const ILertCardHeaderStatus = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  if (!alertSource) {\n    return null;\n  }\n\n  switch (alertSource.status) {\n    case 'IN_MAINTENANCE':\n      return <MaintenanceChip label=\"MAINTENANCE\" size=\"small\" />;\n    case 'DISABLED':\n      return <MaintenanceChip label=\"INACTIVE\" size=\"small\" />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;;;AAmBA,MAAM,eAAA,GAAkB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC3C,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,SAAW,EAAA;AAAA;AAEf,CAAA,CAAE,EAAE,IAAI,CAAA;AAED,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAEM,KAAA;AACJ,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,QAAQ,YAAY,MAAQ;AAAA,IAC1B,KAAK,gBAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,aAAA,EAAc,MAAK,OAAQ,EAAA,CAAA;AAAA,IAC3D,KAAK,UAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,UAAA,EAAW,MAAK,OAAQ,EAAA,CAAA;AAAA,IACxD;AACE,MAAO,OAAA,IAAA;AAAA;AAEb;;;;"}
+{"version":3,"file":"ILertCardHeaderStatus.esm.js","sources":["../../../src/components/ILertCard/ILertCardHeaderStatus.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 { AlertSource } from '../../types';\n\nconst MaintenanceChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#92949c',\n    color: theme.palette.common.white,\n    marginTop: 8,\n  },\n}))(Chip);\n\nexport const ILertCardHeaderStatus = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  if (!alertSource) {\n    return null;\n  }\n\n  switch (alertSource.status) {\n    case 'IN_MAINTENANCE':\n      return <MaintenanceChip label=\"MAINTENANCE\" size=\"small\" />;\n    case 'DISABLED':\n      return <MaintenanceChip label=\"INACTIVE\" size=\"small\" />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;;;AAmBA,MAAM,eAAA,GAAkB,WAAW,CAAA,KAAA,MAAU;AAAA,EAC3C,IAAA,EAAM;AAAA,IACJ,eAAA,EAAiB,SAAA;AAAA,IACjB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,IAC5B,SAAA,EAAW;AAAA;AAEf,CAAA,CAAE,EAAE,IAAI,CAAA;AAED,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAAA,KAEM;AACJ,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,QAAQ,YAAY,MAAA;AAAQ,IAC1B,KAAK,gBAAA;AACH,MAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAM,aAAA,EAAc,MAAK,OAAA,EAAQ,CAAA;AAAA,IAC3D,KAAK,UAAA;AACH,MAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAM,UAAA,EAAW,MAAK,OAAA,EAAQ,CAAA;AAAA,IACxD;AACE,MAAA,OAAO,IAAA;AAAA;AAEb;;;;"}

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

@@ -9,7 +9,8 @@ import DialogTitle from '@material-ui/core/DialogTitle';
 import MenuItem from '@material-ui/core/MenuItem';
 import TextField from '@material-ui/core/TextField';
 import { ilertApiRef } from '../../api/client.esm.js';
-import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import { useApi } from '@backstage/core-plugin-api';
+import { toastApiRef } from '@backstage/frontend-plugin-api';
 
 const ILertCardMaintenanceModal = ({
   alertSource,
@@ -18,7 +19,7 @@ const ILertCardMaintenanceModal = ({
   setIsModalOpened
 }) => {
   const ilertApi = useApi(ilertApiRef);
-  const alertApi = useApi(alertApiRef);
+  const alertApi = useApi(toastApiRef);
   const [minutes, setMinutes] = useState(5);
   const handleClose = () => {
     setIsModalOpened(false);
@@ -31,10 +32,10 @@ const ILertCardMaintenanceModal = ({
     setTimeout(async () => {
       try {
         await ilertApi.addImmediateMaintenance(alertSource.id, minutes);
-        alertApi.post({ message: "Maintenance started." });
+        alertApi.post({ title: "Maintenance started." });
         refetchAlertSource();
       } catch (err) {
-        alertApi.post({ message: err, severity: "error" });
+        alertApi.post({ title: err, status: "danger" });
       }
     }, 250);
   };

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

@@ -1 +1 @@
-{"version":3,"file":"ILertCardMaintenanceModal.esm.js","sources":["../../../src/components/ILertCard/ILertCardMaintenanceModal.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 { useState } from 'react';\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 DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport TextField from '@material-ui/core/TextField';\nimport { ilertApiRef } from '../../api';\nimport { AlertSource } from '../../types';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const ILertCardMaintenanceModal = ({\n  alertSource,\n  refetchAlertSource,\n  isModalOpened,\n  setIsModalOpened,\n}: {\n  alertSource: AlertSource | null;\n  refetchAlertSource: () => void;\n  isModalOpened: boolean;\n  setIsModalOpened: (isModalOpened: boolean) => void;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [minutes, setMinutes] = useState(5);\n\n  const handleClose = () => {\n    setIsModalOpened(false);\n  };\n\n  const handleImmediateMaintenance = () => {\n    if (!alertSource) {\n      return;\n    }\n    setIsModalOpened(false);\n    setTimeout(async () => {\n      try {\n        await ilertApi.addImmediateMaintenance(alertSource.id, minutes);\n        alertApi.post({ message: 'Maintenance started.' });\n        refetchAlertSource();\n      } catch (err) {\n        alertApi.post({ message: err, severity: 'error' });\n      }\n    }, 250);\n  };\n\n  const handleMinutesChange = (event: any) => {\n    setMinutes(event.target.value);\n  };\n\n  const minuteOptions = [\n    {\n      value: 5,\n      label: '5 minutes',\n    },\n    {\n      value: 10,\n      label: '10 minutes',\n    },\n    {\n      value: 15,\n      label: '15 minutes',\n    },\n    {\n      value: 30,\n      label: '30 minutes',\n    },\n    {\n      value: 60,\n      label: '60 minutes',\n    },\n  ];\n\n  if (!alertSource) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isModalOpened}\n      onClose={handleClose}\n      aria-labelledby=\"maintenance-form-title\"\n    >\n      <DialogTitle id=\"maintenance-form-title\">\n        New maintenance window\n      </DialogTitle>\n      <DialogContent>\n        <DialogContentText>\n          Keep your alert sources quiet, when your systems are under\n          maintenance.\n        </DialogContentText>\n        <TextField\n          select\n          label=\"Duration\"\n          value={minutes}\n          onChange={handleMinutesChange}\n          variant=\"outlined\"\n          fullWidth\n        >\n          {minuteOptions.map(option => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          onClick={handleImmediateMaintenance}\n          color=\"primary\"\n          variant=\"contained\"\n        >\n          Create\n        </Button>\n        <Button onClick={handleClose} color=\"primary\">\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ILertCardMaintenanceModal.esm.js","sources":["../../../src/components/ILertCard/ILertCardMaintenanceModal.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 { useState } from 'react';\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 DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport TextField from '@material-ui/core/TextField';\nimport { ilertApiRef } from '../../api';\nimport { AlertSource } from '../../types';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { toastApiRef } from '@backstage/frontend-plugin-api';\n\nexport const ILertCardMaintenanceModal = ({\n  alertSource,\n  refetchAlertSource,\n  isModalOpened,\n  setIsModalOpened,\n}: {\n  alertSource: AlertSource | null;\n  refetchAlertSource: () => void;\n  isModalOpened: boolean;\n  setIsModalOpened: (isModalOpened: boolean) => void;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(toastApiRef);\n  const [minutes, setMinutes] = useState(5);\n\n  const handleClose = () => {\n    setIsModalOpened(false);\n  };\n\n  const handleImmediateMaintenance = () => {\n    if (!alertSource) {\n      return;\n    }\n    setIsModalOpened(false);\n    setTimeout(async () => {\n      try {\n        await ilertApi.addImmediateMaintenance(alertSource.id, minutes);\n        alertApi.post({ title: 'Maintenance started.' });\n        refetchAlertSource();\n      } catch (err) {\n        alertApi.post({ title: err, status: 'danger' });\n      }\n    }, 250);\n  };\n\n  const handleMinutesChange = (event: any) => {\n    setMinutes(event.target.value);\n  };\n\n  const minuteOptions = [\n    {\n      value: 5,\n      label: '5 minutes',\n    },\n    {\n      value: 10,\n      label: '10 minutes',\n    },\n    {\n      value: 15,\n      label: '15 minutes',\n    },\n    {\n      value: 30,\n      label: '30 minutes',\n    },\n    {\n      value: 60,\n      label: '60 minutes',\n    },\n  ];\n\n  if (!alertSource) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isModalOpened}\n      onClose={handleClose}\n      aria-labelledby=\"maintenance-form-title\"\n    >\n      <DialogTitle id=\"maintenance-form-title\">\n        New maintenance window\n      </DialogTitle>\n      <DialogContent>\n        <DialogContentText>\n          Keep your alert sources quiet, when your systems are under\n          maintenance.\n        </DialogContentText>\n        <TextField\n          select\n          label=\"Duration\"\n          value={minutes}\n          onChange={handleMinutesChange}\n          variant=\"outlined\"\n          fullWidth\n        >\n          {minuteOptions.map(option => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          onClick={handleImmediateMaintenance}\n          color=\"primary\"\n          variant=\"contained\"\n        >\n          Create\n        </Button>\n        <Button onClick={handleClose} color=\"primary\">\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -24,7 +24,7 @@ const ILertCardOnCall = ({
   alertSource
 }) => {
   const classes = useStyles();
-  const [{ onCalls, isLoading }, {}] = useAlertSourceOnCalls(alertSource);
+  const [{ onCalls, isLoading }] = useAlertSourceOnCalls(alertSource);
   if (isLoading) {
     return /* @__PURE__ */ jsx(Progress, {});
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ILertCardOnCall.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCall.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 List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListSubheader from '@material-ui/core/ListSubheader';\nimport Typography from '@material-ui/core/Typography';\nimport ReplayIcon from '@material-ui/icons/Replay';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { AlertSource } from '../../types';\nimport { useAlertSourceOnCalls } from '../../hooks/useAlertSourceOnCalls';\nimport { ILertCardOnCallEmptyState } from './ILertCardOnCallEmptyState';\nimport { ILertCardOnCallItem } from './ILertCardOnCallItem';\nimport { Progress } from '@backstage/core-components';\n\nconst useStyles = makeStyles(theme => ({\n  repeatText: {\n    fontStyle: 'italic',\n  },\n  repeatIcon: {\n    marginLeft: theme.spacing(1),\n  },\n}));\n\nexport const ILertCardOnCall = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  const classes = useStyles();\n  const [{ onCalls, isLoading }, {}] = useAlertSourceOnCalls(alertSource);\n\n  if (isLoading) {\n    return <Progress />;\n  }\n\n  if (!alertSource || !onCalls) {\n    return null;\n  }\n\n  const repeatInfo = () => {\n    if (\n      !alertSource ||\n      !alertSource.escalationPolicy ||\n      !alertSource.escalationPolicy.repeating ||\n      !alertSource.escalationPolicy.frequency\n    ) {\n      return null;\n    }\n\n    return (\n      <ListItem key=\"repeat\">\n        <ListItemIcon>\n          <ReplayIcon className={classes.repeatIcon} fontSize=\"small\" />\n        </ListItemIcon>\n        <ListItemText\n          primary={\n            <Typography\n              variant=\"body2\"\n              color=\"textSecondary\"\n              className={classes.repeatText}\n            >\n              {`Repeat ${alertSource.escalationPolicy.frequency} times`}\n            </Typography>\n          }\n        />\n      </ListItem>\n    );\n  };\n\n  if (!onCalls.length) {\n    return (\n      <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n        <ILertCardOnCallEmptyState />\n      </List>\n    );\n  }\n\n  if (onCalls.length === 1) {\n    <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n      <ILertCardOnCallItem\n        onCall={onCalls[0]}\n        fistItem={false}\n        lastItem={false}\n      />\n    </List>;\n  }\n\n  return (\n    <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n      {onCalls.map((onCall, index) => (\n        <ILertCardOnCallItem\n          key={index}\n          onCall={onCall}\n          fistItem={index === 0}\n          lastItem={index === onCalls.length - 1}\n        />\n      ))}\n      {repeatInfo()}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,UAAY,EAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAAA,EACA,UAAY,EAAA;AAAA,IACV,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE/B,CAAE,CAAA,CAAA;AAEK,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AACF,CAEM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,CAAC,EAAE,OAAS,EAAA,SAAA,IAAa,EAAE,CAAI,GAAA,qBAAA,CAAsB,WAAW,CAAA;AAEtE,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EAAI,IAAA,CAAC,WAAe,IAAA,CAAC,OAAS,EAAA;AAC5B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IACE,CAAC,WAAA,IACD,CAAC,WAAA,CAAY,gBACb,IAAA,CAAC,WAAY,CAAA,gBAAA,CAAiB,SAC9B,IAAA,CAAC,WAAY,CAAA,gBAAA,CAAiB,SAC9B,EAAA;AACA,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,4BACG,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,UAAY,EAAA,QAAA,EAAS,SAAQ,CAC9D,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,eAAA;AAAA,cACN,WAAW,OAAQ,CAAA,UAAA;AAAA,cAElB,QAAA,EAAA,CAAA,OAAA,EAAU,WAAY,CAAA,gBAAA,CAAiB,SAAS,CAAA,MAAA;AAAA;AAAA;AACnD;AAAA;AAEJ,KAAA,EAAA,EAdY,QAed,CAAA;AAAA,GAEJ;AAEA,EAAI,IAAA,CAAC,QAAQ,MAAQ,EAAA;AACnB,IACE,uBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAK,IAAC,EAAA,SAAA,kBAAY,GAAA,CAAA,aAAA,EAAA,EAAc,QAAO,EAAA,SAAA,EAAA,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,yBAAA,EAAA,EAA0B,CAC7B,EAAA,CAAA;AAAA;AAIJ,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,oBAAA,GAAA,CAAC,QAAK,KAAK,EAAA,IAAA,EAAC,2BAAY,GAAA,CAAA,aAAA,EAAA,EAAc,qBAAO,CAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAAA,QACjB,QAAU,EAAA,KAAA;AAAA,QACV,QAAU,EAAA;AAAA;AAAA,KAEd,EAAA,CAAA;AAAA;AAGF,EACE,uBAAA,IAAA,CAAC,QAAK,KAAK,EAAA,IAAA,EAAC,2BAAY,GAAA,CAAA,aAAA,EAAA,EAAc,qBAAO,CAC1C,EAAA,QAAA,EAAA;AAAA,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,KACpB,qBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QAEC,MAAA;AAAA,QACA,UAAU,KAAU,KAAA,CAAA;AAAA,QACpB,QAAA,EAAU,KAAU,KAAA,OAAA,CAAQ,MAAS,GAAA;AAAA,OAAA;AAAA,MAHhC;AAAA,KAKR,CAAA;AAAA,IACA,UAAW;AAAA,GACd,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ILertCardOnCall.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCall.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 List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListSubheader from '@material-ui/core/ListSubheader';\nimport Typography from '@material-ui/core/Typography';\nimport ReplayIcon from '@material-ui/icons/Replay';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { AlertSource } from '../../types';\nimport { useAlertSourceOnCalls } from '../../hooks/useAlertSourceOnCalls';\nimport { ILertCardOnCallEmptyState } from './ILertCardOnCallEmptyState';\nimport { ILertCardOnCallItem } from './ILertCardOnCallItem';\nimport { Progress } from '@backstage/core-components';\n\nconst useStyles = makeStyles(theme => ({\n  repeatText: {\n    fontStyle: 'italic',\n  },\n  repeatIcon: {\n    marginLeft: theme.spacing(1),\n  },\n}));\n\nexport const ILertCardOnCall = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  const classes = useStyles();\n  const [{ onCalls, isLoading }, {}] = useAlertSourceOnCalls(alertSource);\n\n  if (isLoading) {\n    return <Progress />;\n  }\n\n  if (!alertSource || !onCalls) {\n    return null;\n  }\n\n  const repeatInfo = () => {\n    if (\n      !alertSource ||\n      !alertSource.escalationPolicy ||\n      !alertSource.escalationPolicy.repeating ||\n      !alertSource.escalationPolicy.frequency\n    ) {\n      return null;\n    }\n\n    return (\n      <ListItem key=\"repeat\">\n        <ListItemIcon>\n          <ReplayIcon className={classes.repeatIcon} fontSize=\"small\" />\n        </ListItemIcon>\n        <ListItemText\n          primary={\n            <Typography\n              variant=\"body2\"\n              color=\"textSecondary\"\n              className={classes.repeatText}\n            >\n              {`Repeat ${alertSource.escalationPolicy.frequency} times`}\n            </Typography>\n          }\n        />\n      </ListItem>\n    );\n  };\n\n  if (!onCalls.length) {\n    return (\n      <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n        <ILertCardOnCallEmptyState />\n      </List>\n    );\n  }\n\n  if (onCalls.length === 1) {\n    <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n      <ILertCardOnCallItem\n        onCall={onCalls[0]}\n        fistItem={false}\n        lastItem={false}\n      />\n    </List>;\n  }\n\n  return (\n    <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n      {onCalls.map((onCall, index) => (\n        <ILertCardOnCallItem\n          key={index}\n          onCall={onCall}\n          fistItem={index === 0}\n          lastItem={index === onCalls.length - 1}\n        />\n      ))}\n      {repeatInfo()}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,UAAA,EAAY;AAAA,IACV,SAAA,EAAW;AAAA,GACb;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AAE/B,CAAA,CAAE,CAAA;AAEK,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AACF,CAAA,KAEM;AACJ,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,CAAC,EAAE,OAAA,EAAS,SAAA,EAAe,CAAA,GAAI,qBAAA,CAAsB,WAAW,CAAA;AAEtE,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,2BAAQ,QAAA,EAAA,EAAS,CAAA;AAAA,EACnB;AAEA,EAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,EAAS;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IACE,CAAC,WAAA,IACD,CAAC,WAAA,CAAY,gBAAA,IACb,CAAC,WAAA,CAAY,gBAAA,CAAiB,SAAA,IAC9B,CAAC,WAAA,CAAY,gBAAA,CAAiB,SAAA,EAC9B;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,8BAAC,UAAA,EAAA,EAAW,SAAA,EAAW,QAAQ,UAAA,EAAY,QAAA,EAAS,SAAQ,CAAA,EAC9D,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBACE,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,OAAA;AAAA,cACR,KAAA,EAAM,eAAA;AAAA,cACN,WAAW,OAAA,CAAQ,UAAA;AAAA,cAElB,QAAA,EAAA,CAAA,OAAA,EAAU,WAAA,CAAY,gBAAA,CAAiB,SAAS,CAAA,MAAA;AAAA;AAAA;AACnD;AAAA;AAEJ,KAAA,EAAA,EAdY,QAed,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,IAAI,CAAC,QAAQ,MAAA,EAAQ;AACnB,IAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EAAC,SAAA,kBAAW,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAA,SAAA,EAAO,CAAA,EAC3C,QAAA,kBAAA,GAAA,CAAC,yBAAA,EAAA,EAA0B,CAAA,EAC7B,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,oBAAA,GAAA,CAAC,QAAK,KAAA,EAAK,IAAA,EAAC,2BAAW,GAAA,CAAC,aAAA,EAAA,EAAc,qBAAO,CAAA,EAC3C,QAAA,kBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAAA,QACjB,QAAA,EAAU,KAAA;AAAA,QACV,QAAA,EAAU;AAAA;AAAA,KACZ,EACF,CAAA;AAAA,EACF;AAEA,EAAA,uBACE,IAAA,CAAC,QAAK,KAAA,EAAK,IAAA,EAAC,2BAAW,GAAA,CAAC,aAAA,EAAA,EAAc,qBAAO,CAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,qBACpB,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QAEC,MAAA;AAAA,QACA,UAAU,KAAA,KAAU,CAAA;AAAA,QACpB,QAAA,EAAU,KAAA,KAAU,OAAA,CAAQ,MAAA,GAAS;AAAA,OAAA;AAAA,MAHhC;AAAA,KAKR,CAAA;AAAA,IACA,UAAA;AAAW,GAAA,EACd,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ILertCardOnCallEmptyState.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCallEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles({\n  text: {\n    fontStyle: 'italic',\n  },\n});\n\nexport const ILertCardOnCallEmptyState = () => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemText>\n        <Typography\n          variant=\"subtitle1\"\n          color=\"textSecondary\"\n          className={classes.text}\n        >\n          Nobody\n        </Typography>\n      </ListItemText>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAEM,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,eAAA;AAAA,MACN,WAAW,OAAQ,CAAA,IAAA;AAAA,MACpB,QAAA,EAAA;AAAA;AAAA,KAGH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ILertCardOnCallEmptyState.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCallEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles({\n  text: {\n    fontStyle: 'italic',\n  },\n});\n\nexport const ILertCardOnCallEmptyState = () => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemText>\n        <Typography\n          variant=\"subtitle1\"\n          color=\"textSecondary\"\n          className={classes.text}\n        >\n          Nobody\n        </Typography>\n      </ListItemText>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,YAAY,UAAA,CAAW;AAAA,EAC3B,IAAA,EAAM;AAAA,IACJ,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAEM,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,WAAA;AAAA,MACR,KAAA,EAAM,eAAA;AAAA,MACN,WAAW,OAAA,CAAQ,IAAA;AAAA,MACpB,QAAA,EAAA;AAAA;AAAA,KAGH,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ILertCardOnCallItem.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCallItem.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 Divider from '@material-ui/core/Divider';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport Avatar from '@material-ui/core/Avatar';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport EmailIcon from '@material-ui/icons/Email';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { OnCall } from '../../types';\nimport { ilertApiRef } from '../../api';\nimport { DateTime as dt } from 'luxon';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles({\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  fistItemLine: {\n    position: 'absolute',\n    bottom: 0,\n    height: '50%',\n    left: 36,\n  },\n  lastItemLine: {\n    position: 'absolute',\n    top: 0,\n    height: '50%',\n    left: 36,\n  },\n  itemLine: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    height: '100%',\n    left: 36,\n  },\n});\n\nexport const ILertCardOnCallItem = ({\n  onCall,\n  fistItem = false,\n  lastItem = false,\n}: {\n  onCall: OnCall;\n  fistItem?: boolean;\n  lastItem?: boolean;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const classes = useStyles();\n\n  if (!onCall || !onCall.user) {\n    return null;\n  }\n\n  const phoneNumber = ilertApi.getUserPhoneNumber(onCall.user);\n  const escalationRepeating = onCall.escalationPolicy.repeating;\n  const escalationSeconds =\n    onCall.escalationPolicy.escalationRules[onCall.escalationLevel - 1]\n      .escalationTimeout;\n  const escalationHoursOnly = Math.floor(escalationSeconds / 60);\n  const escalationMinutesOnly = escalationSeconds % 60;\n\n  let escalationText = '';\n  if (!lastItem || (lastItem && escalationRepeating)) {\n    escalationText = 'escalate';\n    if (escalationSeconds === 0) {\n      escalationText += ' immediately';\n    } else {\n      escalationText += ' after';\n      if (escalationHoursOnly > 0) {\n        escalationText += ` ${escalationHoursOnly} ${\n          escalationHoursOnly === 1 ? 'hour' : 'hours'\n        }`;\n      }\n      if (escalationMinutesOnly > 0 || escalationSeconds === 0) {\n        escalationText += ` ${escalationMinutesOnly} ${\n          escalationMinutesOnly === 1 ? 'minute' : 'minutes'\n        }`;\n      }\n    }\n  }\n\n  return (\n    <ListItem>\n      {fistItem ? (\n        <Divider orientation=\"vertical\" className={classes.fistItemLine} />\n      ) : null}\n      {lastItem ? (\n        <Divider orientation=\"vertical\" className={classes.lastItemLine} />\n      ) : null}\n      {!fistItem && !lastItem ? (\n        <Divider orientation=\"vertical\" className={classes.itemLine} />\n      ) : null}\n      <ListItemIcon>\n        <Tooltip\n          title={`Escalation level #${onCall.escalationLevel}`}\n          placement=\"top\"\n        >\n          <Avatar>{onCall.escalationLevel}</Avatar>\n        </Tooltip>\n      </ListItemIcon>\n      {onCall.schedule ? (\n        <Tooltip\n          title={\n            'On call shift ' +\n            `${dt.fromISO(onCall.start).toFormat('D MMM, HH:mm')} - ` +\n            `${dt.fromISO(onCall.end).toFormat('D MMM, HH:mm')}`\n          }\n          placement=\"top-start\"\n        >\n          <ListItemText\n            primary={\n              <Typography className={classes.listItemPrimary}>\n                {ilertApi.getUserInitials(onCall.user)}\n              </Typography>\n            }\n            secondary={escalationText}\n          />\n        </Tooltip>\n      ) : (\n        <ListItemText\n          primary={\n            <Typography className={classes.listItemPrimary}>\n              {ilertApi.getUserInitials(onCall.user)}\n            </Typography>\n          }\n          secondary={escalationText}\n        />\n      )}\n      <ListItemSecondaryAction>\n        {phoneNumber ? (\n          <Tooltip title=\"Call to user\" placement=\"top\">\n            <IconButton href={`tel:${phoneNumber}`}>\n              <PhoneIcon color=\"secondary\" />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n        <Tooltip\n          title={`Send e-mail to user ${onCall.user.email}`}\n          placement=\"top\"\n        >\n          <IconButton href={`mailto:${onCall.user.email}`}>\n            <EmailIcon color=\"primary\" />\n          </IconButton>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":["dt"],"mappings":"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"}
+{"version":3,"file":"ILertCardOnCallItem.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCallItem.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 Divider from '@material-ui/core/Divider';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport Avatar from '@material-ui/core/Avatar';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport EmailIcon from '@material-ui/icons/Email';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { OnCall } from '../../types';\nimport { ilertApiRef } from '../../api';\nimport { DateTime as dt } from 'luxon';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles({\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  fistItemLine: {\n    position: 'absolute',\n    bottom: 0,\n    height: '50%',\n    left: 36,\n  },\n  lastItemLine: {\n    position: 'absolute',\n    top: 0,\n    height: '50%',\n    left: 36,\n  },\n  itemLine: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    height: '100%',\n    left: 36,\n  },\n});\n\nexport const ILertCardOnCallItem = ({\n  onCall,\n  fistItem = false,\n  lastItem = false,\n}: {\n  onCall: OnCall;\n  fistItem?: boolean;\n  lastItem?: boolean;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const classes = useStyles();\n\n  if (!onCall || !onCall.user) {\n    return null;\n  }\n\n  const phoneNumber = ilertApi.getUserPhoneNumber(onCall.user);\n  const escalationRepeating = onCall.escalationPolicy.repeating;\n  const escalationSeconds =\n    onCall.escalationPolicy.escalationRules[onCall.escalationLevel - 1]\n      .escalationTimeout;\n  const escalationHoursOnly = Math.floor(escalationSeconds / 60);\n  const escalationMinutesOnly = escalationSeconds % 60;\n\n  let escalationText = '';\n  if (!lastItem || (lastItem && escalationRepeating)) {\n    escalationText = 'escalate';\n    if (escalationSeconds === 0) {\n      escalationText += ' immediately';\n    } else {\n      escalationText += ' after';\n      if (escalationHoursOnly > 0) {\n        escalationText += ` ${escalationHoursOnly} ${\n          escalationHoursOnly === 1 ? 'hour' : 'hours'\n        }`;\n      }\n      if (escalationMinutesOnly > 0 || escalationSeconds === 0) {\n        escalationText += ` ${escalationMinutesOnly} ${\n          escalationMinutesOnly === 1 ? 'minute' : 'minutes'\n        }`;\n      }\n    }\n  }\n\n  return (\n    <ListItem>\n      {fistItem ? (\n        <Divider orientation=\"vertical\" className={classes.fistItemLine} />\n      ) : null}\n      {lastItem ? (\n        <Divider orientation=\"vertical\" className={classes.lastItemLine} />\n      ) : null}\n      {!fistItem && !lastItem ? (\n        <Divider orientation=\"vertical\" className={classes.itemLine} />\n      ) : null}\n      <ListItemIcon>\n        <Tooltip\n          title={`Escalation level #${onCall.escalationLevel}`}\n          placement=\"top\"\n        >\n          <Avatar>{onCall.escalationLevel}</Avatar>\n        </Tooltip>\n      </ListItemIcon>\n      {onCall.schedule ? (\n        <Tooltip\n          title={\n            'On call shift ' +\n            `${dt.fromISO(onCall.start).toFormat('D MMM, HH:mm')} - ` +\n            `${dt.fromISO(onCall.end).toFormat('D MMM, HH:mm')}`\n          }\n          placement=\"top-start\"\n        >\n          <ListItemText\n            primary={\n              <Typography className={classes.listItemPrimary}>\n                {ilertApi.getUserInitials(onCall.user)}\n              </Typography>\n            }\n            secondary={escalationText}\n          />\n        </Tooltip>\n      ) : (\n        <ListItemText\n          primary={\n            <Typography className={classes.listItemPrimary}>\n              {ilertApi.getUserInitials(onCall.user)}\n            </Typography>\n          }\n          secondary={escalationText}\n        />\n      )}\n      <ListItemSecondaryAction>\n        {phoneNumber ? (\n          <Tooltip title=\"Call to user\" placement=\"top\">\n            <IconButton href={`tel:${phoneNumber}`}>\n              <PhoneIcon color=\"secondary\" />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n        <Tooltip\n          title={`Send e-mail to user ${onCall.user.email}`}\n          placement=\"top\"\n        >\n          <IconButton href={`mailto:${onCall.user.email}`}>\n            <EmailIcon color=\"primary\" />\n          </IconButton>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":["dt"],"mappings":"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"}

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

@@ -1,2 +1,7 @@
-export { ILertCard, isPluginApplicableToEntity } from './ILertCard.esm.js';
+import { ILertCard } from './ILertCard.esm.js';
+export { isPluginApplicableToEntity } from './ILertCard.esm.js';
+
+
+
+export { ILertCard };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/ILertPage/ILertPage.esm.js

@@ -52,5 +52,5 @@ const ILertPage = () => {
   ] });
 };
 
-export { ILertPage, ILertPage as default };
+export { ILertPage };
 //# sourceMappingURL=ILertPage.esm.js.map