@backstage-community/plugin-ilert 0.7.0 → 0.8.0

package/dist/components/Alert/AlertNewModal.esm.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { parseEntityRef, DEFAULT_NAMESPACE } from '@backstage/catalog-model';
 import { useApi, alertApiRef, identityApiRef } from '@backstage/core-plugin-api';
 import Typography from '@material-ui/core/Typography';
@@ -11,7 +12,6 @@ import TextField from '@material-ui/core/TextField';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
 import Alert from '@material-ui/lab/Alert';
 import Autocomplete from '@material-ui/lab/Autocomplete';
-import React from 'react';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { useNewAlert } from '../../hooks/useNewAlert.esm.js';
 
@@ -94,97 +94,119 @@ const AlertNewModal = ({
     }, 250);
   };
   const canCreate = !!integrationKey && !!summary;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       open: isModalOpened,
       onClose: handleClose,
-      "aria-labelledby": "create-alert-form-title"
-    },
-    /* @__PURE__ */ React.createElement(DialogTitle, { id: "create-alert-form-title" }, entityName ? /* @__PURE__ */ React.createElement("div", null, "This action will trigger an alert for", " ", /* @__PURE__ */ React.createElement("strong", null, '"', entityName, '"'), ".") : "New alert"),
-    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Alert, { severity: "info" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true, align: "justify" }, "Please describe the problem you want to report. Be as descriptive as possible. Your signed in user and a reference to the current page will automatically be amended to the alarm so that the receiver can reach out to you if necessary.")), !initialAlertSource ? /* @__PURE__ */ React.createElement(
-      Autocomplete,
-      {
-        disabled: isLoading,
-        options: alertSources,
-        value: alertSource,
-        classes: {
-          root: classes.formControl,
-          option: classes.option
-        },
-        onChange: (_event, newValue) => {
-          setAlertSource(newValue);
-        },
-        autoHighlight: true,
-        getOptionLabel: (a) => a.name,
-        renderOption: (a) => /* @__PURE__ */ React.createElement("div", { className: classes.optionWrapper }, /* @__PURE__ */ React.createElement(
-          "img",
-          {
-            src: prefersDarkMode ? a.lightIconUrl : a.iconUrl,
-            alt: a.name,
-            className: classes.sourceImage
-          }
-        ), /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, a.name)),
-        renderInput: (params) => /* @__PURE__ */ React.createElement(
-          TextField,
-          {
-            ...params,
-            label: "Alert Source",
-            variant: "outlined",
-            margin: "normal",
-            inputProps: {
-              ...params.inputProps,
-              autoComplete: "new-password"
-              // disable autocomplete and autofill
+      "aria-labelledby": "create-alert-form-title",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: "create-alert-form-title", children: entityName ? /* @__PURE__ */ jsxs("div", { children: [
+          "This action will trigger an alert for",
+          " ",
+          /* @__PURE__ */ jsxs("strong", { children: [
+            '"',
+            entityName,
+            '"'
+          ] }),
+          "."
+        ] }) : "New alert" }),
+        /* @__PURE__ */ jsxs(DialogContent, { children: [
+          /* @__PURE__ */ jsx(Alert, { severity: "info", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", gutterBottom: true, align: "justify", children: "Please describe the problem you want to report. Be as descriptive as possible. Your signed in user and a reference to the current page will automatically be amended to the alarm so that the receiver can reach out to you if necessary." }) }),
+          !initialAlertSource ? /* @__PURE__ */ jsx(
+            Autocomplete,
+            {
+              disabled: isLoading,
+              options: alertSources,
+              value: alertSource,
+              classes: {
+                root: classes.formControl,
+                option: classes.option
+              },
+              onChange: (_event, newValue) => {
+                setAlertSource(newValue);
+              },
+              autoHighlight: true,
+              getOptionLabel: (a) => a.name,
+              renderOption: (a) => /* @__PURE__ */ jsxs("div", { className: classes.optionWrapper, children: [
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: prefersDarkMode ? a.lightIconUrl : a.iconUrl,
+                    alt: a.name,
+                    className: classes.sourceImage
+                  }
+                ),
+                /* @__PURE__ */ jsx(Typography, { noWrap: true, children: a.name })
+              ] }),
+              renderInput: (params) => /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  ...params,
+                  label: "Alert Source",
+                  variant: "outlined",
+                  margin: "normal",
+                  inputProps: {
+                    ...params.inputProps,
+                    autoComplete: "new-password"
+                    // disable autocomplete and autofill
+                  }
+                }
+              )
             }
-          }
-        )
-      }
-    ) : null, /* @__PURE__ */ React.createElement(
-      TextField,
-      {
-        disabled: isLoading,
-        label: "Summary",
-        fullWidth: true,
-        margin: "normal",
-        variant: "outlined",
-        classes: {
-          root: classes.formControl
-        },
-        value: summary,
-        onChange: (event) => {
-          setSummary(event.target.value);
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(
-      TextField,
-      {
-        disabled: isLoading,
-        label: "Details",
-        fullWidth: true,
-        multiline: true,
-        rows: 4,
-        margin: "normal",
-        variant: "outlined",
-        classes: {
-          root: classes.formControl
-        },
-        value: details,
-        onChange: (event) => {
-          setDetails(event.target.value);
-        }
-      }
-    )),
-    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        disabled: !canCreate,
-        onClick: handleCreate,
-        color: "secondary",
-        variant: "contained"
-      },
-      "Create"
-    ), /* @__PURE__ */ React.createElement(Button, { onClick: handleClose, color: "primary" }, "Cancel"))
+          ) : null,
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              disabled: isLoading,
+              label: "Summary",
+              fullWidth: true,
+              margin: "normal",
+              variant: "outlined",
+              classes: {
+                root: classes.formControl
+              },
+              value: summary,
+              onChange: (event) => {
+                setSummary(event.target.value);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              disabled: isLoading,
+              label: "Details",
+              fullWidth: true,
+              multiline: true,
+              rows: 4,
+              margin: "normal",
+              variant: "outlined",
+              classes: {
+                root: classes.formControl
+              },
+              value: details,
+              onChange: (event) => {
+                setDetails(event.target.value);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: !canCreate,
+              onClick: handleCreate,
+              color: "secondary",
+              variant: "contained",
+              children: "Create"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { onClick: handleClose, color: "primary", children: "Cancel" })
+        ] })
+      ]
+    }
   );
 };
 

package/dist/components/Alert/AlertNewModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertNewModal.esm.js","sources":["../../../src/components/Alert/AlertNewModal.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 { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\nimport {\n  alertApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport Typography from '@material-ui/core/Typography';\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 { makeStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport Alert from '@material-ui/lab/Alert';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { useNewAlert } from '../../hooks/useNewAlert';\nimport { AlertSource } from '../../types';\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  formControl: {\n    minWidth: 120,\n    width: '100%',\n  },\n  option: {\n    fontSize: 15,\n    '& > span': {\n      marginRight: 10,\n      fontSize: 18,\n    },\n  },\n  optionWrapper: {\n    display: 'flex',\n    width: '100%',\n  },\n  sourceImage: {\n    height: 22,\n    paddingRight: 4,\n  },\n}));\n\nexport const AlertNewModal = ({\n  isModalOpened,\n  setIsModalOpened,\n  refetchAlerts,\n  initialAlertSource,\n  entityName,\n}: {\n  isModalOpened: boolean;\n  setIsModalOpened: (open: boolean) => void;\n  refetchAlerts: () => void;\n  initialAlertSource?: AlertSource | null;\n  entityName?: string;\n}) => {\n  const [\n    { alertSources, alertSource, summary, details, isLoading },\n    { setAlertSource, setSummary, setDetails, setIsLoading },\n  ] = useNewAlert(isModalOpened, initialAlertSource);\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const identityApi = useApi(identityApiRef);\n  const source = window.location.toString();\n  const classes = useStyles();\n  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');\n\n  const handleClose = () => {\n    setIsModalOpened(false);\n  };\n\n  let integrationKey = '';\n  if (initialAlertSource && initialAlertSource.integrationKey) {\n    integrationKey = initialAlertSource.integrationKey;\n  } else if (alertSource && alertSource.integrationKey) {\n    integrationKey = alertSource.integrationKey;\n  }\n  const handleCreate = () => {\n    if (!integrationKey) {\n      return;\n    }\n    setIsLoading(true);\n    setTimeout(async () => {\n      try {\n        const { userEntityRef } = await identityApi.getBackstageIdentity();\n        const { name: userName } = parseEntityRef(userEntityRef, {\n          defaultKind: 'User',\n          defaultNamespace: DEFAULT_NAMESPACE,\n        });\n        await ilertApi.createAlert({\n          integrationKey,\n          summary,\n          details,\n          userName,\n          source,\n        });\n        alertApi.post({ message: 'Alert created.' });\n        refetchAlerts();\n      } catch (err) {\n        alertApi.post({ message: err, severity: 'error' });\n      }\n      setIsModalOpened(false);\n    }, 250);\n  };\n\n  const canCreate = !!integrationKey && !!summary;\n\n  return (\n    <Dialog\n      open={isModalOpened}\n      onClose={handleClose}\n      aria-labelledby=\"create-alert-form-title\"\n    >\n      <DialogTitle id=\"create-alert-form-title\">\n        {entityName ? (\n          <div>\n            This action will trigger an alert for{' '}\n            <strong>\"{entityName}\"</strong>.\n          </div>\n        ) : (\n          'New alert'\n        )}\n      </DialogTitle>\n      <DialogContent>\n        <Alert severity=\"info\">\n          <Typography variant=\"body1\" gutterBottom align=\"justify\">\n            Please describe the problem you want to report. Be as descriptive as\n            possible. Your signed in user and a reference to the current page\n            will automatically be amended to the alarm so that the receiver can\n            reach out to you if necessary.\n          </Typography>\n        </Alert>\n        {!initialAlertSource ? (\n          <Autocomplete\n            disabled={isLoading}\n            options={alertSources}\n            value={alertSource}\n            classes={{\n              root: classes.formControl,\n              option: classes.option,\n            }}\n            onChange={(_event: any, newValue: any) => {\n              setAlertSource(newValue);\n            }}\n            autoHighlight\n            getOptionLabel={a => a.name}\n            renderOption={a => (\n              <div className={classes.optionWrapper}>\n                <img\n                  src={prefersDarkMode ? a.lightIconUrl : a.iconUrl}\n                  alt={a.name}\n                  className={classes.sourceImage}\n                />\n                <Typography noWrap>{a.name}</Typography>\n              </div>\n            )}\n            renderInput={params => (\n              <TextField\n                {...params}\n                label=\"Alert Source\"\n                variant=\"outlined\"\n                margin=\"normal\"\n                inputProps={{\n                  ...params.inputProps,\n                  autoComplete: 'new-password', // disable autocomplete and autofill\n                }}\n              />\n            )}\n          />\n        ) : null}\n        <TextField\n          disabled={isLoading}\n          label=\"Summary\"\n          fullWidth\n          margin=\"normal\"\n          variant=\"outlined\"\n          classes={{\n            root: classes.formControl,\n          }}\n          value={summary}\n          onChange={event => {\n            setSummary(event.target.value);\n          }}\n        />\n        <TextField\n          disabled={isLoading}\n          label=\"Details\"\n          fullWidth\n          multiline\n          rows={4}\n          margin=\"normal\"\n          variant=\"outlined\"\n          classes={{\n            root: classes.formControl,\n          }}\n          value={details}\n          onChange={event => {\n            setDetails(event.target.value);\n          }}\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          disabled={!canCreate}\n          onClick={handleCreate}\n          color=\"secondary\"\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":"AlertNewModal.esm.js","sources":["../../../src/components/Alert/AlertNewModal.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 { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\nimport {\n  alertApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport Typography from '@material-ui/core/Typography';\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 { makeStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport Alert from '@material-ui/lab/Alert';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport { ilertApiRef } from '../../api';\nimport { useNewAlert } from '../../hooks/useNewAlert';\nimport { AlertSource } from '../../types';\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  formControl: {\n    minWidth: 120,\n    width: '100%',\n  },\n  option: {\n    fontSize: 15,\n    '& > span': {\n      marginRight: 10,\n      fontSize: 18,\n    },\n  },\n  optionWrapper: {\n    display: 'flex',\n    width: '100%',\n  },\n  sourceImage: {\n    height: 22,\n    paddingRight: 4,\n  },\n}));\n\nexport const AlertNewModal = ({\n  isModalOpened,\n  setIsModalOpened,\n  refetchAlerts,\n  initialAlertSource,\n  entityName,\n}: {\n  isModalOpened: boolean;\n  setIsModalOpened: (open: boolean) => void;\n  refetchAlerts: () => void;\n  initialAlertSource?: AlertSource | null;\n  entityName?: string;\n}) => {\n  const [\n    { alertSources, alertSource, summary, details, isLoading },\n    { setAlertSource, setSummary, setDetails, setIsLoading },\n  ] = useNewAlert(isModalOpened, initialAlertSource);\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const identityApi = useApi(identityApiRef);\n  const source = window.location.toString();\n  const classes = useStyles();\n  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');\n\n  const handleClose = () => {\n    setIsModalOpened(false);\n  };\n\n  let integrationKey = '';\n  if (initialAlertSource && initialAlertSource.integrationKey) {\n    integrationKey = initialAlertSource.integrationKey;\n  } else if (alertSource && alertSource.integrationKey) {\n    integrationKey = alertSource.integrationKey;\n  }\n  const handleCreate = () => {\n    if (!integrationKey) {\n      return;\n    }\n    setIsLoading(true);\n    setTimeout(async () => {\n      try {\n        const { userEntityRef } = await identityApi.getBackstageIdentity();\n        const { name: userName } = parseEntityRef(userEntityRef, {\n          defaultKind: 'User',\n          defaultNamespace: DEFAULT_NAMESPACE,\n        });\n        await ilertApi.createAlert({\n          integrationKey,\n          summary,\n          details,\n          userName,\n          source,\n        });\n        alertApi.post({ message: 'Alert created.' });\n        refetchAlerts();\n      } catch (err) {\n        alertApi.post({ message: err, severity: 'error' });\n      }\n      setIsModalOpened(false);\n    }, 250);\n  };\n\n  const canCreate = !!integrationKey && !!summary;\n\n  return (\n    <Dialog\n      open={isModalOpened}\n      onClose={handleClose}\n      aria-labelledby=\"create-alert-form-title\"\n    >\n      <DialogTitle id=\"create-alert-form-title\">\n        {entityName ? (\n          <div>\n            This action will trigger an alert for{' '}\n            <strong>\"{entityName}\"</strong>.\n          </div>\n        ) : (\n          'New alert'\n        )}\n      </DialogTitle>\n      <DialogContent>\n        <Alert severity=\"info\">\n          <Typography variant=\"body1\" gutterBottom align=\"justify\">\n            Please describe the problem you want to report. Be as descriptive as\n            possible. Your signed in user and a reference to the current page\n            will automatically be amended to the alarm so that the receiver can\n            reach out to you if necessary.\n          </Typography>\n        </Alert>\n        {!initialAlertSource ? (\n          <Autocomplete\n            disabled={isLoading}\n            options={alertSources}\n            value={alertSource}\n            classes={{\n              root: classes.formControl,\n              option: classes.option,\n            }}\n            onChange={(_event: any, newValue: any) => {\n              setAlertSource(newValue);\n            }}\n            autoHighlight\n            getOptionLabel={a => a.name}\n            renderOption={a => (\n              <div className={classes.optionWrapper}>\n                <img\n                  src={prefersDarkMode ? a.lightIconUrl : a.iconUrl}\n                  alt={a.name}\n                  className={classes.sourceImage}\n                />\n                <Typography noWrap>{a.name}</Typography>\n              </div>\n            )}\n            renderInput={params => (\n              <TextField\n                {...params}\n                label=\"Alert Source\"\n                variant=\"outlined\"\n                margin=\"normal\"\n                inputProps={{\n                  ...params.inputProps,\n                  autoComplete: 'new-password', // disable autocomplete and autofill\n                }}\n              />\n            )}\n          />\n        ) : null}\n        <TextField\n          disabled={isLoading}\n          label=\"Summary\"\n          fullWidth\n          margin=\"normal\"\n          variant=\"outlined\"\n          classes={{\n            root: classes.formControl,\n          }}\n          value={summary}\n          onChange={event => {\n            setSummary(event.target.value);\n          }}\n        />\n        <TextField\n          disabled={isLoading}\n          label=\"Details\"\n          fullWidth\n          multiline\n          rows={4}\n          margin=\"normal\"\n          variant=\"outlined\"\n          classes={{\n            root: classes.formControl,\n          }}\n          value={details}\n          onChange={event => {\n            setDetails(event.target.value);\n          }}\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          disabled={!canCreate}\n          onClick={handleCreate}\n          color=\"secondary\"\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/AlertSource/AlertSourceLink.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { makeStyles } from '@material-ui/core/styles';
@@ -28,21 +28,24 @@ const AlertSourceLink = ({
   if (!alertSource) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 0 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: prefersDarkMode ? alertSource.lightIconUrl : alertSource.iconUrl,
-      alt: alertSource.name,
-      className: classes.image
-    }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 10 }, /* @__PURE__ */ React.createElement(
-    Link,
-    {
-      className: classes.link,
-      to: ilertApi.getAlertSourceDetailsURL(alertSource)
-    },
-    alertSource.name
-  )));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 0, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: prefersDarkMode ? alertSource.lightIconUrl : alertSource.iconUrl,
+        alt: alertSource.name,
+        className: classes.image
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 10, children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        className: classes.link,
+        to: ilertApi.getAlertSourceDetailsURL(alertSource),
+        children: alertSource.name
+      }
+    ) })
+  ] });
 };
 
 export { AlertSourceLink };

package/dist/components/AlertSource/AlertSourceLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertSourceLink.esm.js","sources":["../../../src/components/AlertSource/AlertSourceLink.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 Grid from '@material-ui/core/Grid';\nimport { AlertSource } from '../../types';\nimport { ilertApiRef } from '../../api';\nimport { makeStyles } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    maxWidth: '100%',\n  },\n  image: {\n    height: 22,\n    paddingRight: 4,\n  },\n  link: {\n    lineHeight: '22px',\n  },\n});\n\nexport const AlertSourceLink = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const classes = useStyles();\n  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');\n\n  if (!alertSource) {\n    return null;\n  }\n\n  return (\n    <Grid container spacing={0}>\n      <Grid item xs={2}>\n        <img\n          src={prefersDarkMode ? alertSource.lightIconUrl : alertSource.iconUrl}\n          alt={alertSource.name}\n          className={classes.image}\n        />\n      </Grid>\n      <Grid item xs={10}>\n        <Link\n          className={classes.link}\n          to={ilertApi.getAlertSourceDetailsURL(alertSource)}\n        >\n          {alertSource.name}\n        </Link>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA;AAAA;AAEhB,CAAC,CAAA;AAEM,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,eAAA,GAAkB,cAAc,8BAA8B,CAAA;AAEpE,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,eAAA,GAAkB,WAAY,CAAA,YAAA,GAAe,WAAY,CAAA,OAAA;AAAA,MAC9D,KAAK,WAAY,CAAA,IAAA;AAAA,MACjB,WAAW,OAAQ,CAAA;AAAA;AAAA,GAEvB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,IAAA;AAAA,MACnB,EAAA,EAAI,QAAS,CAAA,wBAAA,CAAyB,WAAW;AAAA,KAAA;AAAA,IAEhD,WAAY,CAAA;AAAA,GAEjB,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AlertSourceLink.esm.js","sources":["../../../src/components/AlertSource/AlertSourceLink.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 Grid from '@material-ui/core/Grid';\nimport { AlertSource } from '../../types';\nimport { ilertApiRef } from '../../api';\nimport { makeStyles } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    maxWidth: '100%',\n  },\n  image: {\n    height: 22,\n    paddingRight: 4,\n  },\n  link: {\n    lineHeight: '22px',\n  },\n});\n\nexport const AlertSourceLink = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const classes = useStyles();\n  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');\n\n  if (!alertSource) {\n    return null;\n  }\n\n  return (\n    <Grid container spacing={0}>\n      <Grid item xs={2}>\n        <img\n          src={prefersDarkMode ? alertSource.lightIconUrl : alertSource.iconUrl}\n          alt={alertSource.name}\n          className={classes.image}\n        />\n      </Grid>\n      <Grid item xs={10}>\n        <Link\n          className={classes.link}\n          to={ilertApi.getAlertSourceDetailsURL(alertSource)}\n        >\n          {alertSource.name}\n        </Link>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA;AAAA;AAEhB,CAAC,CAAA;AAEM,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,eAAA,GAAkB,cAAc,8BAA8B,CAAA;AAEpE,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,eAAA,GAAkB,WAAY,CAAA,YAAA,GAAe,WAAY,CAAA,OAAA;AAAA,QAC9D,KAAK,WAAY,CAAA,IAAA;AAAA,QACjB,WAAW,OAAQ,CAAA;AAAA;AAAA,KAEvB,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,IAAA;AAAA,QACnB,EAAA,EAAI,QAAS,CAAA,wBAAA,CAAyB,WAAW,CAAA;AAAA,QAEhD,QAAY,EAAA,WAAA,CAAA;AAAA;AAAA,KAEjB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

@@ -1,8 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import humanizeDuration from 'humanize-duration';
 import { Interval, DateTime } from 'luxon';
-import React from 'react';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { AlertActionsMenu } from '../Alert/AlertActionsMenu.esm.js';
 import { AlertLink } from '../Alert/AlertLink.esm.js';
@@ -60,21 +60,21 @@ const AlertsTable = ({
     highlight: true,
     cellStyle: smColumnStyle,
     headerStyle: smColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(AlertLink, { alert: rowData })
+    render: (rowData) => /* @__PURE__ */ jsx(AlertLink, { alert: rowData })
   };
   const summaryColumn = {
     title: "Summary",
     field: "summary",
     cellStyle: !compact ? xlColumnStyle : void 0,
     headerStyle: !compact ? xlColumnStyle : void 0,
-    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, null, rowData.summary)
+    render: (rowData) => /* @__PURE__ */ jsx(Typography, { children: rowData.summary })
   };
   const sourceColumn = {
     title: "Source",
     field: "source",
     cellStyle: mdColumnStyle,
     headerStyle: mdColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(AlertSourceLink, { alertSource: rowData.alertSource })
+    render: (rowData) => /* @__PURE__ */ jsx(AlertSourceLink, { alertSource: rowData.alertSource })
   };
   const durationColumn = {
     title: "Duration",
@@ -82,7 +82,7 @@ const AlertsTable = ({
     type: "datetime",
     cellStyle: smColumnStyle,
     headerStyle: smColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, rowData.status !== "RESOLVED" ? humanizeDuration(
+    render: (rowData) => /* @__PURE__ */ jsx(Typography, { noWrap: true, children: rowData.status !== "RESOLVED" ? humanizeDuration(
       Interval.fromDateTimes(DateTime.fromISO(rowData.reportTime), DateTime.now()).toDuration().valueOf(),
       { units: ["h", "m", "s"], largest: 2, round: true }
     ) : humanizeDuration(
@@ -91,37 +91,37 @@ const AlertsTable = ({
         DateTime.fromISO(rowData.resolvedOn)
       ).toDuration().valueOf(),
       { units: ["h", "m", "s"], largest: 2, round: true }
-    ))
+    ) })
   };
   const respondersColumn = {
     title: "Responders",
     field: "responders",
     cellStyle: !compact ? mdColumnStyle : lgColumnStyle,
     headerStyle: !compact ? mdColumnStyle : lgColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, null, rowData.responders.map((value, i, arr) => {
+    render: (rowData) => /* @__PURE__ */ jsx(Typography, { children: rowData.responders.map((value, i, arr) => {
       return ilertApi.getUserInitials(value.user) + (arr.length - 1 !== i ? ", " : "");
-    }))
+    }) })
   };
   const priorityColumn = {
     title: "Priority",
     field: "priority",
     cellStyle: smColumnStyle,
     headerStyle: smColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, rowData.priority === "HIGH" ? "High" : "Low")
+    render: (rowData) => /* @__PURE__ */ jsx(Typography, { noWrap: true, children: rowData.priority === "HIGH" ? "High" : "Low" })
   };
   const statusColumn = {
     title: "Status",
     field: "status",
     cellStyle: xsColumnStyle,
     headerStyle: xsColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(StatusChip, { alert: rowData })
+    render: (rowData) => /* @__PURE__ */ jsx(StatusChip, { alert: rowData })
   };
   const actionsColumn = {
     title: "",
     field: "",
     cellStyle: xsColumnStyle,
     headerStyle: xsColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(
+    render: (rowData) => /* @__PURE__ */ jsx(
       AlertActionsMenu,
       {
         alert: rowData,
@@ -146,7 +146,7 @@ const AlertsTable = ({
     statusColumn,
     actionsColumn
   ];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Table,
     {
       options: {
@@ -162,14 +162,14 @@ const AlertsTable = ({
         showTitle: true,
         toolbar: true
       },
-      emptyContent: /* @__PURE__ */ React.createElement(Typography, { color: "textSecondary", className: classes.empty }, "No alerts right now"),
-      title: !compact ? /* @__PURE__ */ React.createElement(
+      emptyContent: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", className: classes.empty, children: "No alerts right now" }),
+      title: !compact ? /* @__PURE__ */ jsx(
         TableTitle,
         {
           alertStates: states,
           onAlertStatesChange
         }
-      ) : /* @__PURE__ */ React.createElement(Typography, { variant: "button", color: "textSecondary" }, "ALERTS"),
+      ) : /* @__PURE__ */ jsx(Typography, { variant: "button", color: "textSecondary", children: "ALERTS" }),
       page: tableState.page,
       totalCount: alertsCount,
       onPageChange: onChangePage,