@backstage-community/plugin-ilert 0.7.1 → 0.8.0

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

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
 import CardHeader from '@material-ui/core/CardHeader';
@@ -5,7 +6,6 @@ import Button from '@material-ui/core/Button';
 import Divider from '@material-ui/core/Divider';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { CodeSnippet } from '@backstage/core-components';
 
 const ENTITY_YAML = `apiVersion: backstage.io/v1alpha1
@@ -32,25 +32,33 @@ const useStyles = makeStyles((theme) => ({
 }));
 const ILertCardEmptyState = () => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(Card, { "data-testid": "ilert-empty-card" }, /* @__PURE__ */ React.createElement(CardHeader, { title: "iLert", className: classes.header }), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "No integration key defined for this entity. You can add integration key to your entity YAML as shown in the highlighted example below:"), /* @__PURE__ */ React.createElement("div", { className: classes.code }, /* @__PURE__ */ React.createElement(
-    CodeSnippet,
-    {
-      text: ENTITY_YAML,
-      language: "yaml",
-      showLineNumbers: true,
-      highlightedNumbers: [6, 7],
-      customStyle: { background: "inherit", fontSize: "115%" }
-    }
-  )), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "contained",
-      color: "primary",
-      target: "_blank",
-      href: "https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md"
-    },
-    "Read more"
-  )));
+  return /* @__PURE__ */ jsxs(Card, { "data-testid": "ilert-empty-card", children: [
+    /* @__PURE__ */ jsx(CardHeader, { title: "iLert", className: classes.header }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "No integration key defined for this entity. You can add integration key to your entity YAML as shown in the highlighted example below:" }),
+      /* @__PURE__ */ jsx("div", { className: classes.code, children: /* @__PURE__ */ jsx(
+        CodeSnippet,
+        {
+          text: ENTITY_YAML,
+          language: "yaml",
+          showLineNumbers: true,
+          highlightedNumbers: [6, 7],
+          customStyle: { background: "inherit", fontSize: "115%" }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          color: "primary",
+          target: "_blank",
+          href: "https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md",
+          children: "Read more"
+        }
+      )
+    ] })
+  ] });
 };
 
 export { ILertCardEmptyState };

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 React from 'react';\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":";;;;;;;;;;AA0BA,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,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAY,kBAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,SAAA,EAAW,OAAQ,CAAA,MAAA,EAAQ,CACrD,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,IAAA,CAAA,kBACR,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,wIAG5B,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,WAAA;AAAA,MACN,QAAS,EAAA,MAAA;AAAA,MACT,eAAe,EAAA,IAAA;AAAA,MACf,kBAAA,EAAoB,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,MACzB,WAAa,EAAA,EAAE,UAAY,EAAA,SAAA,EAAW,UAAU,MAAO;AAAA;AAAA,GAE3D,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,MAAO,EAAA,QAAA;AAAA,MACP,IAAK,EAAA;AAAA,KAAA;AAAA,IACN;AAAA,GAGH,CACF,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,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;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Chip from '@material-ui/core/Chip';
 import { withStyles } from '@material-ui/core/styles';
 
@@ -17,9 +17,9 @@ const ILertCardHeaderStatus = ({
   }
   switch (alertSource.status) {
     case "IN_MAINTENANCE":
-      return /* @__PURE__ */ React.createElement(MaintenanceChip, { label: "MAINTENANCE", size: "small" });
+      return /* @__PURE__ */ jsx(MaintenanceChip, { label: "MAINTENANCE", size: "small" });
     case "DISABLED":
-      return /* @__PURE__ */ React.createElement(MaintenanceChip, { label: "INACTIVE", size: "small" });
+      return /* @__PURE__ */ jsx(MaintenanceChip, { label: "INACTIVE", size: "small" });
     default:
       return null;
   }

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 React from 'react';\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":";;;;AAoBA,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,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,aAAA,EAAc,MAAK,OAAQ,EAAA,CAAA;AAAA,IAC3D,KAAK,UAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,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,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;;;;"}

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
@@ -18,7 +19,7 @@ const ILertCardMaintenanceModal = ({
 }) => {
   const ilertApi = useApi(ilertApiRef);
   const alertApi = useApi(alertApiRef);
-  const [minutes, setMinutes] = React.useState(5);
+  const [minutes, setMinutes] = useState(5);
   const handleClose = () => {
     setIsModalOpened(false);
   };
@@ -65,35 +66,43 @@ const ILertCardMaintenanceModal = ({
   if (!alertSource) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       open: isModalOpened,
       onClose: handleClose,
-      "aria-labelledby": "maintenance-form-title"
-    },
-    /* @__PURE__ */ React.createElement(DialogTitle, { id: "maintenance-form-title" }, "New maintenance window"),
-    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(DialogContentText, null, "Keep your alert sources quiet, when your systems are under maintenance."), /* @__PURE__ */ React.createElement(
-      TextField,
-      {
-        select: true,
-        label: "Duration",
-        value: minutes,
-        onChange: handleMinutesChange,
-        variant: "outlined",
-        fullWidth: true
-      },
-      minuteOptions.map((option) => /* @__PURE__ */ React.createElement(MenuItem, { key: option.value, value: option.value }, option.label))
-    )),
-    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: handleImmediateMaintenance,
-        color: "primary",
-        variant: "contained"
-      },
-      "Create"
-    ), /* @__PURE__ */ React.createElement(Button, { onClick: handleClose, color: "primary" }, "Cancel"))
+      "aria-labelledby": "maintenance-form-title",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: "maintenance-form-title", children: "New maintenance window" }),
+        /* @__PURE__ */ jsxs(DialogContent, { children: [
+          /* @__PURE__ */ jsx(DialogContentText, { children: "Keep your alert sources quiet, when your systems are under maintenance." }),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              select: true,
+              label: "Duration",
+              value: minutes,
+              onChange: handleMinutesChange,
+              variant: "outlined",
+              fullWidth: true,
+              children: minuteOptions.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, children: option.label }, option.value))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleImmediateMaintenance,
+              color: "primary",
+              variant: "contained",
+              children: "Create"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { onClick: handleClose, color: "primary", children: "Cancel" })
+        ] })
+      ]
+    }
   );
 };
 

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 React 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] = React.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 { 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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"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
@@ -26,7 +26,7 @@ const ILertCardOnCall = ({
   const classes = useStyles();
   const [{ onCalls, isLoading }, {}] = useAlertSourceOnCalls(alertSource);
   if (isLoading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (!alertSource || !onCalls) {
     return null;
@@ -35,43 +35,49 @@ const ILertCardOnCall = ({
     if (!alertSource || !alertSource.escalationPolicy || !alertSource.escalationPolicy.repeating || !alertSource.escalationPolicy.frequency) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement(ListItem, { key: "repeat" }, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(ReplayIcon, { className: classes.repeatIcon, fontSize: "small" })), /* @__PURE__ */ React.createElement(
-      ListItemText,
-      {
-        primary: /* @__PURE__ */ React.createElement(
-          Typography,
-          {
-            variant: "body2",
-            color: "textSecondary",
-            className: classes.repeatText
-          },
-          `Repeat ${alertSource.escalationPolicy.frequency} times`
-        )
-      }
-    ));
+    return /* @__PURE__ */ jsxs(ListItem, { children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(ReplayIcon, { className: classes.repeatIcon, fontSize: "small" }) }),
+      /* @__PURE__ */ jsx(
+        ListItemText,
+        {
+          primary: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              color: "textSecondary",
+              className: classes.repeatText,
+              children: `Repeat ${alertSource.escalationPolicy.frequency} times`
+            }
+          )
+        }
+      )
+    ] }, "repeat");
   };
   if (!onCalls.length) {
-    return /* @__PURE__ */ React.createElement(List, { dense: true, subheader: /* @__PURE__ */ React.createElement(ListSubheader, null, "ON CALL") }, /* @__PURE__ */ React.createElement(ILertCardOnCallEmptyState, null));
+    return /* @__PURE__ */ jsx(List, { dense: true, subheader: /* @__PURE__ */ jsx(ListSubheader, { children: "ON CALL" }), children: /* @__PURE__ */ jsx(ILertCardOnCallEmptyState, {}) });
   }
   if (onCalls.length === 1) {
-    /* @__PURE__ */ React.createElement(List, { dense: true, subheader: /* @__PURE__ */ React.createElement(ListSubheader, null, "ON CALL") }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ jsx(List, { dense: true, subheader: /* @__PURE__ */ jsx(ListSubheader, { children: "ON CALL" }), children: /* @__PURE__ */ jsx(
       ILertCardOnCallItem,
       {
         onCall: onCalls[0],
         fistItem: false,
         lastItem: false
       }
-    ));
+    ) });
   }
-  return /* @__PURE__ */ React.createElement(List, { dense: true, subheader: /* @__PURE__ */ React.createElement(ListSubheader, null, "ON CALL") }, onCalls.map((onCall, index) => /* @__PURE__ */ React.createElement(
-    ILertCardOnCallItem,
-    {
-      key: index,
-      onCall,
-      fistItem: index === 0,
-      lastItem: index === onCalls.length - 1
-    }
-  )), repeatInfo());
+  return /* @__PURE__ */ jsxs(List, { dense: true, subheader: /* @__PURE__ */ jsx(ListSubheader, { children: "ON CALL" }), children: [
+    onCalls.map((onCall, index) => /* @__PURE__ */ jsx(
+      ILertCardOnCallItem,
+      {
+        onCall,
+        fistItem: index === 0,
+        lastItem: index === onCalls.length - 1
+      },
+      index
+    )),
+    repeatInfo()
+  ] });
 };
 
 export { ILertCardOnCall };

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 React from 'react';\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":"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"}
+{"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":"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"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core/styles';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
@@ -11,15 +11,15 @@ const useStyles = makeStyles({
 });
 const ILertCardOnCallEmptyState = () => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, { children: /* @__PURE__ */ jsx(
     Typography,
     {
       variant: "subtitle1",
       color: "textSecondary",
-      className: classes.text
-    },
-    "Nobody"
-  )));
+      className: classes.text,
+      children: "Nobody"
+    }
+  ) }) });
 };
 
 export { ILertCardOnCallEmptyState };

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 React from 'react';\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":";;;;;;AAsBA,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,KAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,eAAA;AAAA,MACN,WAAW,OAAQ,CAAA;AAAA,KAAA;AAAA,IACpB;AAAA,GAGH,CACF,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,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;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Divider from '@material-ui/core/Divider';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
@@ -69,40 +69,50 @@ const ILertCardOnCallItem = ({
       }
     }
   }
-  return /* @__PURE__ */ React.createElement(ListItem, null, fistItem ? /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: classes.fistItemLine }) : null, lastItem ? /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: classes.lastItemLine }) : null, !fistItem && !lastItem ? /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: classes.itemLine }) : null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: `Escalation level #${onCall.escalationLevel}`,
-      placement: "top"
-    },
-    /* @__PURE__ */ React.createElement(Avatar, null, onCall.escalationLevel)
-  )), onCall.schedule ? /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: `On call shift ${DateTime.fromISO(onCall.start).toFormat("D MMM, HH:mm")} - ${DateTime.fromISO(onCall.end).toFormat("D MMM, HH:mm")}`,
-      placement: "top-start"
-    },
-    /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(ListItem, { children: [
+    fistItem ? /* @__PURE__ */ jsx(Divider, { orientation: "vertical", className: classes.fistItemLine }) : null,
+    lastItem ? /* @__PURE__ */ jsx(Divider, { orientation: "vertical", className: classes.lastItemLine }) : null,
+    !fistItem && !lastItem ? /* @__PURE__ */ jsx(Divider, { orientation: "vertical", className: classes.itemLine }) : null,
+    /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: `Escalation level #${onCall.escalationLevel}`,
+        placement: "top",
+        children: /* @__PURE__ */ jsx(Avatar, { children: onCall.escalationLevel })
+      }
+    ) }),
+    onCall.schedule ? /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: `On call shift ${DateTime.fromISO(onCall.start).toFormat("D MMM, HH:mm")} - ${DateTime.fromISO(onCall.end).toFormat("D MMM, HH:mm")}`,
+        placement: "top-start",
+        children: /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: /* @__PURE__ */ jsx(Typography, { className: classes.listItemPrimary, children: ilertApi.getUserInitials(onCall.user) }),
+            secondary: escalationText
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx(
       ListItemText,
       {
-        primary: /* @__PURE__ */ React.createElement(Typography, { className: classes.listItemPrimary }, ilertApi.getUserInitials(onCall.user)),
+        primary: /* @__PURE__ */ jsx(Typography, { className: classes.listItemPrimary, children: ilertApi.getUserInitials(onCall.user) }),
         secondary: escalationText
       }
-    )
-  ) : /* @__PURE__ */ React.createElement(
-    ListItemText,
-    {
-      primary: /* @__PURE__ */ React.createElement(Typography, { className: classes.listItemPrimary }, ilertApi.getUserInitials(onCall.user)),
-      secondary: escalationText
-    }
-  ), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, phoneNumber ? /* @__PURE__ */ React.createElement(Tooltip, { title: "Call to user", placement: "top" }, /* @__PURE__ */ React.createElement(IconButton, { href: `tel:${phoneNumber}` }, /* @__PURE__ */ React.createElement(PhoneIcon, { color: "secondary" }))) : null, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: `Send e-mail to user ${onCall.user.email}`,
-      placement: "top"
-    },
-    /* @__PURE__ */ React.createElement(IconButton, { href: `mailto:${onCall.user.email}` }, /* @__PURE__ */ React.createElement(EmailIcon, { color: "primary" }))
-  )));
+    ),
+    /* @__PURE__ */ jsxs(ListItemSecondaryAction, { children: [
+      phoneNumber ? /* @__PURE__ */ jsx(Tooltip, { title: "Call to user", placement: "top", children: /* @__PURE__ */ jsx(IconButton, { href: `tel:${phoneNumber}`, children: /* @__PURE__ */ jsx(PhoneIcon, { color: "secondary" }) }) }) : null,
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: `Send e-mail to user ${onCall.user.email}`,
+          placement: "top",
+          children: /* @__PURE__ */ jsx(IconButton, { href: `mailto:${onCall.user.email}`, children: /* @__PURE__ */ jsx(EmailIcon, { color: "primary" }) })
+        }
+      )
+    ] })
+  ] });
 };
 
 export { ILertCardOnCallItem };

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 React from 'react';\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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"}