@backstage-community/plugin-ilert 0.7.1 → 0.8.0

package/dist/components/ServicesPage/ServicesTable.esm.js

@@ -1,6 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
-import React from 'react';
 import { StatusChip } from './StatusChip.esm.js';
 import { Table } from '@backstage/core-components';
 import { ServiceActionsMenu } from '../Service/ServiceActionsMenu.esm.js';
@@ -36,38 +36,38 @@ const ServicesTable = ({
     highlight: true,
     cellStyle: smColumnStyle,
     headerStyle: smColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(ServiceLink, { service: rowData })
+    render: (rowData) => /* @__PURE__ */ jsx(ServiceLink, { service: rowData })
   };
   const nameColumn = {
     title: "Name",
     field: "name",
     cellStyle: !compact ? xlColumnStyle : void 0,
     headerStyle: !compact ? xlColumnStyle : void 0,
-    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, null, rowData.name)
+    render: (rowData) => /* @__PURE__ */ jsx(Typography, { children: rowData.name })
   };
   const statusColumn = {
     title: "Status",
     field: "status",
     cellStyle: smColumnStyle,
     headerStyle: smColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(StatusChip, { service: rowData })
+    render: (rowData) => /* @__PURE__ */ jsx(StatusChip, { service: rowData })
   };
   const uptimeColumn = {
     title: "Uptime in the last 90 days",
     field: "uptimePercentage",
     cellStyle: smColumnStyle,
     headerStyle: smColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(Typography, null, rowData.uptime?.uptimePercentage?.p90 || "")
+    render: (rowData) => /* @__PURE__ */ jsx(Typography, { children: rowData.uptime?.uptimePercentage?.p90 || "" })
   };
   const actionsColumn = {
     title: "",
     field: "",
     cellStyle: smColumnStyle,
     headerStyle: smColumnStyle,
-    render: (rowData) => /* @__PURE__ */ React.createElement(ServiceActionsMenu, { service: rowData })
+    render: (rowData) => /* @__PURE__ */ jsx(ServiceActionsMenu, { service: rowData })
   };
   const columns = compact ? [nameColumn, statusColumn, uptimeColumn, actionsColumn] : [idColumn, nameColumn, statusColumn, uptimeColumn, actionsColumn];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Table,
     {
       options: {
@@ -83,8 +83,8 @@ const ServicesTable = ({
         showTitle: true,
         toolbar: true
       },
-      emptyContent: /* @__PURE__ */ React.createElement(Typography, { color: "textSecondary", className: classes.empty }, "No services"),
-      title: /* @__PURE__ */ React.createElement(Typography, { variant: "button", color: "textSecondary" }, "SERVICES"),
+      emptyContent: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", className: classes.empty, children: "No services" }),
+      title: /* @__PURE__ */ jsx(Typography, { variant: "button", color: "textSecondary", children: "SERVICES" }),
       page: tableState.page,
       onPageChange: onChangePage,
       onRowsPerPageChange: onChangeRowsPerPage,

package/dist/components/ServicesPage/ServicesTable.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServicesTable.esm.js","sources":["../../../src/components/ServicesPage/ServicesTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport { TableState } from '../../api';\nimport { Service } from '../../types';\nimport { StatusChip } from './StatusChip';\n\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { ServiceActionsMenu } from '../Service/ServiceActionsMenu';\nimport { ServiceLink } from '../Service/ServiceLink';\n\nconst useStyles = makeStyles(theme => ({\n  empty: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n}));\n\nexport const ServicesTable = ({\n  services,\n  tableState,\n  isLoading,\n  onChangePage,\n  onChangeRowsPerPage,\n  compact,\n}: {\n  services: Service[];\n  tableState: TableState;\n  isLoading: boolean;\n  setIsLoading: (isLoading: boolean) => void;\n  onChangePage: (page: number) => void;\n  onChangeRowsPerPage: (pageSize: number) => void;\n  compact?: boolean;\n}) => {\n  const classes = useStyles();\n\n  const smColumnStyle = {\n    width: '10%',\n    maxWidth: '10%',\n  };\n  const xlColumnStyle = {\n    width: '30%',\n    maxWidth: '30%',\n  };\n  const idColumn: TableColumn<Service> = {\n    title: 'ID',\n    field: 'id',\n    highlight: true,\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => <ServiceLink service={rowData} />,\n  };\n  const nameColumn: TableColumn<Service> = {\n    title: 'Name',\n    field: 'name',\n    cellStyle: !compact ? xlColumnStyle : undefined,\n    headerStyle: !compact ? xlColumnStyle : undefined,\n    render: rowData => <Typography>{rowData.name}</Typography>,\n  };\n  const statusColumn: TableColumn<Service> = {\n    title: 'Status',\n    field: 'status',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => <StatusChip service={rowData} />,\n  };\n  const uptimeColumn: TableColumn<Service> = {\n    title: 'Uptime in the last 90 days',\n    field: 'uptimePercentage',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => (\n      <Typography>{rowData.uptime?.uptimePercentage?.p90 || ''}</Typography>\n    ),\n  };\n  const actionsColumn: TableColumn<Service> = {\n    title: '',\n    field: '',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => <ServiceActionsMenu service={rowData} />,\n  };\n\n  const columns: TableColumn<Service>[] = compact\n    ? [nameColumn, statusColumn, uptimeColumn, actionsColumn]\n    : [idColumn, nameColumn, statusColumn, uptimeColumn, actionsColumn];\n\n  return (\n    <Table\n      options={{\n        sorting: false,\n        search: !compact,\n        paging: !compact,\n        actionsColumnIndex: -1,\n        pageSize: tableState.pageSize,\n        pageSizeOptions: !compact ? [10, 20, 50, 100] : [3, 10, 20, 50, 100],\n        padding: 'dense',\n        loadingType: 'overlay',\n        showEmptyDataSourceMessage: !isLoading,\n        showTitle: true,\n        toolbar: true,\n      }}\n      emptyContent={\n        <Typography color=\"textSecondary\" className={classes.empty}>\n          No services\n        </Typography>\n      }\n      title={\n        <Typography variant=\"button\" color=\"textSecondary\">\n          SERVICES\n        </Typography>\n      }\n      page={tableState.page}\n      onPageChange={onChangePage}\n      onRowsPerPageChange={onChangeRowsPerPage}\n      columns={columns}\n      data={services}\n      isLoading={isLoading}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ServicesTable.esm.js","sources":["../../../src/components/ServicesPage/ServicesTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport { TableState } from '../../api';\nimport { Service } from '../../types';\nimport { StatusChip } from './StatusChip';\n\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { ServiceActionsMenu } from '../Service/ServiceActionsMenu';\nimport { ServiceLink } from '../Service/ServiceLink';\n\nconst useStyles = makeStyles(theme => ({\n  empty: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n}));\n\nexport const ServicesTable = ({\n  services,\n  tableState,\n  isLoading,\n  onChangePage,\n  onChangeRowsPerPage,\n  compact,\n}: {\n  services: Service[];\n  tableState: TableState;\n  isLoading: boolean;\n  setIsLoading: (isLoading: boolean) => void;\n  onChangePage: (page: number) => void;\n  onChangeRowsPerPage: (pageSize: number) => void;\n  compact?: boolean;\n}) => {\n  const classes = useStyles();\n\n  const smColumnStyle = {\n    width: '10%',\n    maxWidth: '10%',\n  };\n  const xlColumnStyle = {\n    width: '30%',\n    maxWidth: '30%',\n  };\n  const idColumn: TableColumn<Service> = {\n    title: 'ID',\n    field: 'id',\n    highlight: true,\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => <ServiceLink service={rowData} />,\n  };\n  const nameColumn: TableColumn<Service> = {\n    title: 'Name',\n    field: 'name',\n    cellStyle: !compact ? xlColumnStyle : undefined,\n    headerStyle: !compact ? xlColumnStyle : undefined,\n    render: rowData => <Typography>{rowData.name}</Typography>,\n  };\n  const statusColumn: TableColumn<Service> = {\n    title: 'Status',\n    field: 'status',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => <StatusChip service={rowData} />,\n  };\n  const uptimeColumn: TableColumn<Service> = {\n    title: 'Uptime in the last 90 days',\n    field: 'uptimePercentage',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => (\n      <Typography>{rowData.uptime?.uptimePercentage?.p90 || ''}</Typography>\n    ),\n  };\n  const actionsColumn: TableColumn<Service> = {\n    title: '',\n    field: '',\n    cellStyle: smColumnStyle,\n    headerStyle: smColumnStyle,\n    render: rowData => <ServiceActionsMenu service={rowData} />,\n  };\n\n  const columns: TableColumn<Service>[] = compact\n    ? [nameColumn, statusColumn, uptimeColumn, actionsColumn]\n    : [idColumn, nameColumn, statusColumn, uptimeColumn, actionsColumn];\n\n  return (\n    <Table\n      options={{\n        sorting: false,\n        search: !compact,\n        paging: !compact,\n        actionsColumnIndex: -1,\n        pageSize: tableState.pageSize,\n        pageSizeOptions: !compact ? [10, 20, 50, 100] : [3, 10, 20, 50, 100],\n        padding: 'dense',\n        loadingType: 'overlay',\n        showEmptyDataSourceMessage: !isLoading,\n        showTitle: true,\n        toolbar: true,\n      }}\n      emptyContent={\n        <Typography color=\"textSecondary\" className={classes.empty}>\n          No services\n        </Typography>\n      }\n      title={\n        <Typography variant=\"button\" color=\"textSecondary\">\n          SERVICES\n        </Typography>\n      }\n      page={tableState.page}\n      onPageChange={onChangePage}\n      onRowsPerPageChange={onChangeRowsPerPage}\n      columns={columns}\n      data={services}\n      isLoading={isLoading}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA;AAAA;AAEpB,CAAE,CAAA,CAAA;AAEK,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAQM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AACA,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AACA,EAAA,MAAM,QAAiC,GAAA;AAAA,IACrC,KAAO,EAAA,IAAA;AAAA,IACP,KAAO,EAAA,IAAA;AAAA,IACP,SAAW,EAAA,IAAA;AAAA,IACX,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAQ,EAAA,CAAA,OAAA,qBAAY,GAAA,CAAA,WAAA,EAAA,EAAY,SAAS,OAAS,EAAA;AAAA,GACpD;AACA,EAAA,MAAM,UAAmC,GAAA;AAAA,IACvC,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,SAAA,EAAW,CAAC,OAAA,GAAU,aAAgB,GAAA,KAAA,CAAA;AAAA,IACtC,WAAA,EAAa,CAAC,OAAA,GAAU,aAAgB,GAAA,KAAA,CAAA;AAAA,IACxC,MAAQ,EAAA,CAAA,OAAA,qBAAY,GAAA,CAAA,UAAA,EAAA,EAAY,kBAAQ,IAAK,EAAA;AAAA,GAC/C;AACA,EAAA,MAAM,YAAqC,GAAA;AAAA,IACzC,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAQ,EAAA,CAAA,OAAA,qBAAY,GAAA,CAAA,UAAA,EAAA,EAAW,SAAS,OAAS,EAAA;AAAA,GACnD;AACA,EAAA,MAAM,YAAqC,GAAA;AAAA,IACzC,KAAO,EAAA,4BAAA;AAAA,IACP,KAAO,EAAA,kBAAA;AAAA,IACP,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAA,EAAQ,6BACL,GAAA,CAAA,UAAA,EAAA,EAAY,kBAAQ,MAAQ,EAAA,gBAAA,EAAkB,OAAO,EAAG,EAAA;AAAA,GAE7D;AACA,EAAA,MAAM,aAAsC,GAAA;AAAA,IAC1C,KAAO,EAAA,EAAA;AAAA,IACP,KAAO,EAAA,EAAA;AAAA,IACP,SAAW,EAAA,aAAA;AAAA,IACX,WAAa,EAAA,aAAA;AAAA,IACb,MAAQ,EAAA,CAAA,OAAA,qBAAY,GAAA,CAAA,kBAAA,EAAA,EAAmB,SAAS,OAAS,EAAA;AAAA,GAC3D;AAEA,EAAA,MAAM,OAAkC,GAAA,OAAA,GACpC,CAAC,UAAA,EAAY,YAAc,EAAA,YAAA,EAAc,aAAa,CAAA,GACtD,CAAC,QAAA,EAAU,UAAY,EAAA,YAAA,EAAc,cAAc,aAAa,CAAA;AAEpE,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,OAAS,EAAA,KAAA;AAAA,QACT,QAAQ,CAAC,OAAA;AAAA,QACT,QAAQ,CAAC,OAAA;AAAA,QACT,kBAAoB,EAAA,CAAA,CAAA;AAAA,QACpB,UAAU,UAAW,CAAA,QAAA;AAAA,QACrB,eAAiB,EAAA,CAAC,OAAU,GAAA,CAAC,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,CAAA,GAAI,CAAC,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,IAAI,GAAG,CAAA;AAAA,QACnE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,SAAA;AAAA,QACb,4BAA4B,CAAC,SAAA;AAAA,QAC7B,SAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,OACX;AAAA,MACA,YAAA,sBACG,UAAW,EAAA,EAAA,KAAA,EAAM,iBAAgB,SAAW,EAAA,OAAA,CAAQ,OAAO,QAE5D,EAAA,aAAA,EAAA,CAAA;AAAA,MAEF,uBACG,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,QAAS,EAAA,KAAA,EAAM,iBAAgB,QAEnD,EAAA,UAAA,EAAA,CAAA;AAAA,MAEF,MAAM,UAAW,CAAA,IAAA;AAAA,MACjB,YAAc,EAAA,YAAA;AAAA,MACd,mBAAqB,EAAA,mBAAA;AAAA,MACrB,OAAA;AAAA,MACA,IAAM,EAAA,QAAA;AAAA,MACN;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import Chip from '@material-ui/core/Chip';
 import { withStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { MAJOR_OUTAGE, PARTIAL_OUTAGE, DEGRADED, UNDER_MAINTENANCE, OPERATIONAL } from '../../types.esm.js';
 
 const OperationalChip = withStyles((theme) => ({
@@ -49,17 +49,17 @@ const StatusChip = ({ service }) => {
   const label = `${serviceStatusLabels[service.status]}`;
   switch (service.status) {
     case OPERATIONAL:
-      return /* @__PURE__ */ React.createElement(OperationalChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(OperationalChip, { label, size: "small" });
     case UNDER_MAINTENANCE:
-      return /* @__PURE__ */ React.createElement(UnderMaintenanceChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(UnderMaintenanceChip, { label, size: "small" });
     case DEGRADED:
-      return /* @__PURE__ */ React.createElement(DegradedChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(DegradedChip, { label, size: "small" });
     case PARTIAL_OUTAGE:
-      return /* @__PURE__ */ React.createElement(PartialOutageChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(PartialOutageChip, { label, size: "small" });
     case MAJOR_OUTAGE:
-      return /* @__PURE__ */ React.createElement(MajorOutageChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(MajorOutageChip, { label, size: "small" });
     default:
-      return /* @__PURE__ */ React.createElement(Chip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(Chip, { label, size: "small" });
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"StatusChip.esm.js","sources":["../../../src/components/ServicesPage/StatusChip.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Chip from '@material-ui/core/Chip';\nimport { withStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport {\n  DEGRADED,\n  MAJOR_OUTAGE,\n  OPERATIONAL,\n  PARTIAL_OUTAGE,\n  Service,\n  UNDER_MAINTENANCE,\n} from '../../types';\n\nconst OperationalChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#388E3D',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\n\nconst UnderMaintenanceChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#616161',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\nconst DegradedChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#FBC02D',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\nconst PartialOutageChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#F57C02',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\nconst MajorOutageChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#D22F2E',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\n\nconst serviceStatusLabels = {\n  [OPERATIONAL]: 'Operational',\n  [UNDER_MAINTENANCE]: 'Under maintenance',\n  [DEGRADED]: 'Degraded',\n  [PARTIAL_OUTAGE]: 'Partial outage',\n  [MAJOR_OUTAGE]: 'Major outage',\n} as Record<string, string>;\n\nexport const StatusChip = ({ service }: { service: Service }) => {\n  const label = `${serviceStatusLabels[service.status]}`;\n\n  switch (service.status) {\n    case OPERATIONAL:\n      return <OperationalChip label={label} size=\"small\" />;\n    case UNDER_MAINTENANCE:\n      return <UnderMaintenanceChip label={label} size=\"small\" />;\n    case DEGRADED:\n      return <DegradedChip label={label} size=\"small\" />;\n    case PARTIAL_OUTAGE:\n      return <PartialOutageChip label={label} size=\"small\" />;\n    case MAJOR_OUTAGE:\n      return <MajorOutageChip label={label} size=\"small\" />;\n    default:\n      return <Chip label={label} size=\"small\" />;\n  }\n};\n"],"names":[],"mappings":";;;;;AA2BA,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,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAER,MAAM,oBAAA,GAAuB,WAAW,CAAU,KAAA,MAAA;AAAA,EAChD,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AACR,MAAM,YAAA,GAAe,WAAW,CAAU,KAAA,MAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AACR,MAAM,iBAAA,GAAoB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC7C,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AACR,MAAM,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,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAER,MAAM,mBAAsB,GAAA;AAAA,EAC1B,CAAC,WAAW,GAAG,aAAA;AAAA,EACf,CAAC,iBAAiB,GAAG,mBAAA;AAAA,EACrB,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,cAAc,GAAG,gBAAA;AAAA,EAClB,CAAC,YAAY,GAAG;AAClB,CAAA;AAEO,MAAM,UAAa,GAAA,CAAC,EAAE,OAAA,EAAoC,KAAA;AAC/D,EAAA,MAAM,KAAQ,GAAA,CAAA,EAAG,mBAAoB,CAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AAEpD,EAAA,QAAQ,QAAQ,MAAQ;AAAA,IACtB,KAAK,WAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACrD,KAAK,iBAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAqB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IAC1D,KAAK,QAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IAClD,KAAK,cAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACvD,KAAK,YAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACrD;AACE,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA;AAE9C;;;;"}
+{"version":3,"file":"StatusChip.esm.js","sources":["../../../src/components/ServicesPage/StatusChip.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Chip from '@material-ui/core/Chip';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  DEGRADED,\n  MAJOR_OUTAGE,\n  OPERATIONAL,\n  PARTIAL_OUTAGE,\n  Service,\n  UNDER_MAINTENANCE,\n} from '../../types';\n\nconst OperationalChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#388E3D',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\n\nconst UnderMaintenanceChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#616161',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\nconst DegradedChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#FBC02D',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\nconst PartialOutageChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#F57C02',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\nconst MajorOutageChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#D22F2E',\n    color: theme.palette.common.white,\n    margin: 0,\n  },\n}))(Chip);\n\nconst serviceStatusLabels = {\n  [OPERATIONAL]: 'Operational',\n  [UNDER_MAINTENANCE]: 'Under maintenance',\n  [DEGRADED]: 'Degraded',\n  [PARTIAL_OUTAGE]: 'Partial outage',\n  [MAJOR_OUTAGE]: 'Major outage',\n} as Record<string, string>;\n\nexport const StatusChip = ({ service }: { service: Service }) => {\n  const label = `${serviceStatusLabels[service.status]}`;\n\n  switch (service.status) {\n    case OPERATIONAL:\n      return <OperationalChip label={label} size=\"small\" />;\n    case UNDER_MAINTENANCE:\n      return <UnderMaintenanceChip label={label} size=\"small\" />;\n    case DEGRADED:\n      return <DegradedChip label={label} size=\"small\" />;\n    case PARTIAL_OUTAGE:\n      return <PartialOutageChip label={label} size=\"small\" />;\n    case MAJOR_OUTAGE:\n      return <MajorOutageChip label={label} size=\"small\" />;\n    default:\n      return <Chip label={label} size=\"small\" />;\n  }\n};\n"],"names":[],"mappings":";;;;;AA0BA,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,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAER,MAAM,oBAAA,GAAuB,WAAW,CAAU,KAAA,MAAA;AAAA,EAChD,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AACR,MAAM,YAAA,GAAe,WAAW,CAAU,KAAA,MAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AACR,MAAM,iBAAA,GAAoB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC7C,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AACR,MAAM,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,MAAQ,EAAA;AAAA;AAEZ,CAAA,CAAE,EAAE,IAAI,CAAA;AAER,MAAM,mBAAsB,GAAA;AAAA,EAC1B,CAAC,WAAW,GAAG,aAAA;AAAA,EACf,CAAC,iBAAiB,GAAG,mBAAA;AAAA,EACrB,CAAC,QAAQ,GAAG,UAAA;AAAA,EACZ,CAAC,cAAc,GAAG,gBAAA;AAAA,EAClB,CAAC,YAAY,GAAG;AAClB,CAAA;AAEO,MAAM,UAAa,GAAA,CAAC,EAAE,OAAA,EAAoC,KAAA;AAC/D,EAAA,MAAM,KAAQ,GAAA,CAAA,EAAG,mBAAoB,CAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AAEpD,EAAA,QAAQ,QAAQ,MAAQ;AAAA,IACtB,KAAK,WAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA,EAAgB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACrD,KAAK,iBAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IAC1D,KAAK,QAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,YAAA,EAAA,EAAa,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IAClD,KAAK,cAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,iBAAA,EAAA,EAAkB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACvD,KAAK,YAAA;AACH,MAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA,EAAgB,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,IACrD;AACE,MAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAc,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA;AAE9C;;;;"}

package/dist/components/Shift/ShiftOverrideModal.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core/styles';
 import Button from '@material-ui/core/Button';
 import TextField from '@material-ui/core/TextField';
@@ -86,84 +86,93 @@ const ShiftOverrideModal = ({
   if (!shift) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       open: isModalOpened,
       onClose: handleClose,
-      "aria-labelledby": "override-shift-form-title"
-    },
-    /* @__PURE__ */ React.createElement(DialogTitle, { id: "override-shift-form-title" }, "Shift override"),
-    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: LuxonUtils }, /* @__PURE__ */ React.createElement(
-      Autocomplete,
-      {
-        disabled: isLoading,
-        options: users,
-        value: user,
-        classes: {
-          root: classes.formControl,
-          option: classes.option
-        },
-        onChange: (_event, newValue) => {
-          setUser(newValue);
-        },
-        autoHighlight: true,
-        getOptionLabel: (a) => ilertApi.getUserInitials(a),
-        renderOption: (a) => /* @__PURE__ */ React.createElement("div", { className: classes.optionWrapper }, /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, ilertApi.getUserInitials(a))),
-        renderInput: (params) => /* @__PURE__ */ React.createElement(
-          TextField,
-          {
-            ...params,
-            label: "User",
-            variant: "outlined",
-            fullWidth: true,
-            inputProps: {
-              ...params.inputProps,
-              autoComplete: "new-password"
-              // disable autocomplete and autofill
+      "aria-labelledby": "override-shift-form-title",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: "override-shift-form-title", children: "Shift override" }),
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(MuiPickersUtilsProvider, { utils: LuxonUtils, children: [
+          /* @__PURE__ */ jsx(
+            Autocomplete,
+            {
+              disabled: isLoading,
+              options: users,
+              value: user,
+              classes: {
+                root: classes.formControl,
+                option: classes.option
+              },
+              onChange: (_event, newValue) => {
+                setUser(newValue);
+              },
+              autoHighlight: true,
+              getOptionLabel: (a) => ilertApi.getUserInitials(a),
+              renderOption: (a) => /* @__PURE__ */ jsx("div", { className: classes.optionWrapper, children: /* @__PURE__ */ jsx(Typography, { noWrap: true, children: ilertApi.getUserInitials(a) }) }),
+              renderInput: (params) => /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  ...params,
+                  label: "User",
+                  variant: "outlined",
+                  fullWidth: true,
+                  inputProps: {
+                    ...params.inputProps,
+                    autoComplete: "new-password"
+                    // disable autocomplete and autofill
+                  }
+                }
+              )
             }
-          }
-        )
-      }
-    ), /* @__PURE__ */ React.createElement(
-      DateTimePicker,
-      {
-        label: "Start",
-        inputVariant: "outlined",
-        fullWidth: true,
-        margin: "normal",
-        ampm: false,
-        value: start,
-        className: classes.formControl,
-        onChange: (date) => {
-          setStart(date?.toISO() ?? "");
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(
-      DateTimePicker,
-      {
-        label: "End",
-        inputVariant: "outlined",
-        fullWidth: true,
-        margin: "normal",
-        ampm: false,
-        value: end,
-        className: classes.formControl,
-        onChange: (date) => {
-          setEnd(date?.toISO() ?? "");
-        }
-      }
-    ))),
-    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        disabled: isLoading,
-        onClick: handleOverride,
-        color: "primary",
-        variant: "contained"
-      },
-      "Override"
-    ), /* @__PURE__ */ React.createElement(Button, { disabled: isLoading, onClick: handleClose, color: "primary" }, "Cancel"))
+          ),
+          /* @__PURE__ */ jsx(
+            DateTimePicker,
+            {
+              label: "Start",
+              inputVariant: "outlined",
+              fullWidth: true,
+              margin: "normal",
+              ampm: false,
+              value: start,
+              className: classes.formControl,
+              onChange: (date) => {
+                setStart(date?.toISO() ?? "");
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DateTimePicker,
+            {
+              label: "End",
+              inputVariant: "outlined",
+              fullWidth: true,
+              margin: "normal",
+              ampm: false,
+              value: end,
+              className: classes.formControl,
+              onChange: (date) => {
+                setEnd(date?.toISO() ?? "");
+              }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: isLoading,
+              onClick: handleOverride,
+              color: "primary",
+              variant: "contained",
+              children: "Override"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { disabled: isLoading, onClick: handleClose, color: "primary", children: "Cancel" })
+        ] })
+      ]
+    }
   );
 };
 

package/dist/components/Shift/ShiftOverrideModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShiftOverrideModal.esm.js","sources":["../../../src/components/Shift/ShiftOverrideModal.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 React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\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 Autocomplete from '@material-ui/lab/Autocomplete';\nimport Typography from '@material-ui/core/Typography';\nimport { ilertApiRef } from '../../api';\nimport { useShiftOverride } from '../../hooks/useShiftOverride';\nimport { Shift } from '../../types';\nimport { DateTimePicker } from '@material-ui/pickers/DateTimePicker';\nimport MuiPickersUtilsProvider from '@material-ui/pickers/MuiPickersUtilsProvider';\nimport LuxonUtils from '@date-io/luxon';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\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  grow: {\n    flexGrow: 1,\n  },\n}));\n\nexport const ShiftOverrideModal = ({\n  scheduleId,\n  shift,\n  refetchOnCallSchedules,\n  isModalOpened,\n  setIsModalOpened,\n}: {\n  scheduleId: number;\n  shift: Shift;\n  refetchOnCallSchedules: () => void;\n  isModalOpened: boolean;\n  setIsModalOpened: (isModalOpened: boolean) => void;\n}) => {\n  const [\n    { isLoading, users, user, start, end },\n    { setUser, setStart, setEnd, setIsLoading },\n  ] = useShiftOverride(shift, isModalOpened);\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const classes = useStyles();\n\n  const handleClose = () => {\n    setIsModalOpened(false);\n  };\n\n  const handleOverride = () => {\n    if (!shift || !shift.user) {\n      return;\n    }\n    setIsLoading(true);\n    setTimeout(async () => {\n      try {\n        const success = await ilertApi.overrideShift(\n          scheduleId,\n          user.id,\n          start,\n          end,\n        );\n        if (success) {\n          alertApi.post({ message: 'Shift overridden.' });\n          refetchOnCallSchedules();\n        }\n      } catch (err) {\n        alertApi.post({ message: err, severity: 'error' });\n      }\n      setIsModalOpened(false);\n    }, 250);\n  };\n\n  if (!shift) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isModalOpened}\n      onClose={handleClose}\n      aria-labelledby=\"override-shift-form-title\"\n    >\n      <DialogTitle id=\"override-shift-form-title\">Shift override</DialogTitle>\n      <DialogContent>\n        <MuiPickersUtilsProvider utils={LuxonUtils}>\n          <Autocomplete\n            disabled={isLoading}\n            options={users}\n            value={user}\n            classes={{\n              root: classes.formControl,\n              option: classes.option,\n            }}\n            onChange={(_event: any, newValue: any) => {\n              setUser(newValue);\n            }}\n            autoHighlight\n            getOptionLabel={a => ilertApi.getUserInitials(a)}\n            renderOption={a => (\n              <div className={classes.optionWrapper}>\n                <Typography noWrap>{ilertApi.getUserInitials(a)}</Typography>\n              </div>\n            )}\n            renderInput={params => (\n              <TextField\n                {...params}\n                label=\"User\"\n                variant=\"outlined\"\n                fullWidth\n                inputProps={{\n                  ...params.inputProps,\n                  autoComplete: 'new-password', // disable autocomplete and autofill\n                }}\n              />\n            )}\n          />\n          <DateTimePicker\n            label=\"Start\"\n            inputVariant=\"outlined\"\n            fullWidth\n            margin=\"normal\"\n            ampm={false}\n            value={start}\n            className={classes.formControl}\n            onChange={date => {\n              setStart(date?.toISO() ?? '');\n            }}\n          />\n          <DateTimePicker\n            label=\"End\"\n            inputVariant=\"outlined\"\n            fullWidth\n            margin=\"normal\"\n            ampm={false}\n            value={end}\n            className={classes.formControl}\n            onChange={date => {\n              setEnd(date?.toISO() ?? '');\n            }}\n          />\n        </MuiPickersUtilsProvider>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          disabled={isLoading}\n          onClick={handleOverride}\n          color=\"primary\"\n          variant=\"contained\"\n        >\n          Override\n        </Button>\n        <Button disabled={isLoading} onClick={handleClose} color=\"primary\">\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ShiftOverrideModal.esm.js","sources":["../../../src/components/Shift/ShiftOverrideModal.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 { makeStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\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 Autocomplete from '@material-ui/lab/Autocomplete';\nimport Typography from '@material-ui/core/Typography';\nimport { ilertApiRef } from '../../api';\nimport { useShiftOverride } from '../../hooks/useShiftOverride';\nimport { Shift } from '../../types';\nimport { DateTimePicker } from '@material-ui/pickers/DateTimePicker';\nimport MuiPickersUtilsProvider from '@material-ui/pickers/MuiPickersUtilsProvider';\nimport LuxonUtils from '@date-io/luxon';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\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  grow: {\n    flexGrow: 1,\n  },\n}));\n\nexport const ShiftOverrideModal = ({\n  scheduleId,\n  shift,\n  refetchOnCallSchedules,\n  isModalOpened,\n  setIsModalOpened,\n}: {\n  scheduleId: number;\n  shift: Shift;\n  refetchOnCallSchedules: () => void;\n  isModalOpened: boolean;\n  setIsModalOpened: (isModalOpened: boolean) => void;\n}) => {\n  const [\n    { isLoading, users, user, start, end },\n    { setUser, setStart, setEnd, setIsLoading },\n  ] = useShiftOverride(shift, isModalOpened);\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const classes = useStyles();\n\n  const handleClose = () => {\n    setIsModalOpened(false);\n  };\n\n  const handleOverride = () => {\n    if (!shift || !shift.user) {\n      return;\n    }\n    setIsLoading(true);\n    setTimeout(async () => {\n      try {\n        const success = await ilertApi.overrideShift(\n          scheduleId,\n          user.id,\n          start,\n          end,\n        );\n        if (success) {\n          alertApi.post({ message: 'Shift overridden.' });\n          refetchOnCallSchedules();\n        }\n      } catch (err) {\n        alertApi.post({ message: err, severity: 'error' });\n      }\n      setIsModalOpened(false);\n    }, 250);\n  };\n\n  if (!shift) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isModalOpened}\n      onClose={handleClose}\n      aria-labelledby=\"override-shift-form-title\"\n    >\n      <DialogTitle id=\"override-shift-form-title\">Shift override</DialogTitle>\n      <DialogContent>\n        <MuiPickersUtilsProvider utils={LuxonUtils}>\n          <Autocomplete\n            disabled={isLoading}\n            options={users}\n            value={user}\n            classes={{\n              root: classes.formControl,\n              option: classes.option,\n            }}\n            onChange={(_event: any, newValue: any) => {\n              setUser(newValue);\n            }}\n            autoHighlight\n            getOptionLabel={a => ilertApi.getUserInitials(a)}\n            renderOption={a => (\n              <div className={classes.optionWrapper}>\n                <Typography noWrap>{ilertApi.getUserInitials(a)}</Typography>\n              </div>\n            )}\n            renderInput={params => (\n              <TextField\n                {...params}\n                label=\"User\"\n                variant=\"outlined\"\n                fullWidth\n                inputProps={{\n                  ...params.inputProps,\n                  autoComplete: 'new-password', // disable autocomplete and autofill\n                }}\n              />\n            )}\n          />\n          <DateTimePicker\n            label=\"Start\"\n            inputVariant=\"outlined\"\n            fullWidth\n            margin=\"normal\"\n            ampm={false}\n            value={start}\n            className={classes.formControl}\n            onChange={date => {\n              setStart(date?.toISO() ?? '');\n            }}\n          />\n          <DateTimePicker\n            label=\"End\"\n            inputVariant=\"outlined\"\n            fullWidth\n            margin=\"normal\"\n            ampm={false}\n            value={end}\n            className={classes.formControl}\n            onChange={date => {\n              setEnd(date?.toISO() ?? '');\n            }}\n          />\n        </MuiPickersUtilsProvider>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          disabled={isLoading}\n          onClick={handleOverride}\n          color=\"primary\"\n          variant=\"contained\"\n        >\n          Override\n        </Button>\n        <Button disabled={isLoading} onClick={handleClose} color=\"primary\">\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/StatusPage/StatusPageActionsMenu.esm.js

@@ -1,9 +1,10 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import IconButton from '@material-ui/core/IconButton';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 import Typography from '@material-ui/core/Typography';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
-import React from 'react';
+import { useState } from 'react';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { Link } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
@@ -12,38 +13,43 @@ const StatusPageActionsMenu = ({
   statusPage
 }) => {
   const ilertApi = useApi(ilertApiRef);
-  const [anchorEl, setAnchorEl] = React.useState(null);
+  const [anchorEl, setAnchorEl] = useState(null);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
   };
   const handleCloseMenu = () => {
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "more",
-      "aria-controls": "long-menu",
-      "aria-haspopup": "true",
-      onClick: handleClick,
-      size: "small"
-    },
-    /* @__PURE__ */ React.createElement(MoreVertIcon, null)
-  ), /* @__PURE__ */ React.createElement(
-    Menu,
-    {
-      id: `statusPage-actions-menu-${statusPage.id}`,
-      anchorEl,
-      keepMounted: true,
-      open: Boolean(anchorEl),
-      onClose: handleCloseMenu,
-      PaperProps: {
-        style: { maxHeight: 48 * 5.5 }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "aria-label": "more",
+        "aria-controls": "long-menu",
+        "aria-haspopup": "true",
+        onClick: handleClick,
+        size: "small",
+        children: /* @__PURE__ */ jsx(MoreVertIcon, {})
       }
-    },
-    /* @__PURE__ */ React.createElement(MenuItem, { key: "details", onClick: handleCloseMenu }, /* @__PURE__ */ React.createElement(Typography, { variant: "inherit", noWrap: true }, /* @__PURE__ */ React.createElement(Link, { to: ilertApi.getStatusPageDetailsURL(statusPage) }, "View in iLert"))),
-    /* @__PURE__ */ React.createElement(MenuItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "inherit", noWrap: true }, /* @__PURE__ */ React.createElement(Link, { to: `https://${ilertApi.getStatusPageURL(statusPage)}` }, "View status page")))
-  ));
+    ),
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        id: `statusPage-actions-menu-${statusPage.id}`,
+        anchorEl,
+        keepMounted: true,
+        open: Boolean(anchorEl),
+        onClose: handleCloseMenu,
+        PaperProps: {
+          style: { maxHeight: 48 * 5.5 }
+        },
+        children: [
+          /* @__PURE__ */ jsx(MenuItem, { onClick: handleCloseMenu, children: /* @__PURE__ */ jsx(Typography, { variant: "inherit", noWrap: true, children: /* @__PURE__ */ jsx(Link, { to: ilertApi.getStatusPageDetailsURL(statusPage), children: "View in iLert" }) }) }, "details"),
+          /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx(Typography, { variant: "inherit", noWrap: true, children: /* @__PURE__ */ jsx(Link, { to: `https://${ilertApi.getStatusPageURL(statusPage)}`, children: "View status page" }) }) })
+        ]
+      }
+    )
+  ] });
 };
 
 export { StatusPageActionsMenu };

package/dist/components/StatusPage/StatusPageActionsMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPageActionsMenu.esm.js","sources":["../../../src/components/StatusPage/StatusPageActionsMenu.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 IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Typography from '@material-ui/core/Typography';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageActionsMenu = ({\n  statusPage,\n}: {\n  statusPage: StatusPage;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleCloseMenu = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-label=\"more\"\n        aria-controls=\"long-menu\"\n        aria-haspopup=\"true\"\n        onClick={handleClick}\n        size=\"small\"\n      >\n        <MoreVertIcon />\n      </IconButton>\n      <Menu\n        id={`statusPage-actions-menu-${statusPage.id}`}\n        anchorEl={anchorEl}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleCloseMenu}\n        PaperProps={{\n          style: { maxHeight: 48 * 5.5 },\n        }}\n      >\n        <MenuItem key=\"details\" onClick={handleCloseMenu}>\n          <Typography variant=\"inherit\" noWrap>\n            <Link to={ilertApi.getStatusPageDetailsURL(statusPage)}>\n              View in iLert\n            </Link>\n          </Typography>\n        </MenuItem>\n        <MenuItem>\n          <Typography variant=\"inherit\" noWrap>\n            <Link to={`https://${ilertApi.getStatusPageURL(statusPage)}`}>\n              View status page\n            </Link>\n          </Typography>\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA2BO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAA6B,IAAI,CAAA;AAEvE,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GAClB;AAEA,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,MAAA;AAAA,MACX,eAAc,EAAA,WAAA;AAAA,MACd,eAAc,EAAA,MAAA;AAAA,MACd,OAAS,EAAA,WAAA;AAAA,MACT,IAAK,EAAA;AAAA,KAAA;AAAA,wCAEJ,YAAa,EAAA,IAAA;AAAA,GAEhB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,CAA2B,wBAAA,EAAA,UAAA,CAAW,EAAE,CAAA,CAAA;AAAA,MAC5C,QAAA;AAAA,MACA,WAAW,EAAA,IAAA;AAAA,MACX,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,MACtB,OAAS,EAAA,eAAA;AAAA,MACT,UAAY,EAAA;AAAA,QACV,KAAO,EAAA,EAAE,SAAW,EAAA,EAAA,GAAK,GAAI;AAAA;AAC/B,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAAC,YAAS,GAAI,EAAA,SAAA,EAAU,SAAS,eAC/B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,QAAM,IAClC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,QAAA,CAAS,wBAAwB,UAAU,CAAA,EAAA,EAAG,eAExD,CACF,CACF,CAAA;AAAA,wCACC,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,QAAM,IAClC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,CAAA,QAAA,EAAW,SAAS,gBAAiB,CAAA,UAAU,CAAC,CAAI,CAAA,EAAA,EAAA,kBAE9D,CACF,CACF;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StatusPageActionsMenu.esm.js","sources":["../../../src/components/StatusPage/StatusPageActionsMenu.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 IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Typography from '@material-ui/core/Typography';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport type { MouseEvent } from 'react';\nimport { useState } from 'react';\nimport { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageActionsMenu = ({\n  statusPage,\n}: {\n  statusPage: StatusPage;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleCloseMenu = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-label=\"more\"\n        aria-controls=\"long-menu\"\n        aria-haspopup=\"true\"\n        onClick={handleClick}\n        size=\"small\"\n      >\n        <MoreVertIcon />\n      </IconButton>\n      <Menu\n        id={`statusPage-actions-menu-${statusPage.id}`}\n        anchorEl={anchorEl}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleCloseMenu}\n        PaperProps={{\n          style: { maxHeight: 48 * 5.5 },\n        }}\n      >\n        <MenuItem key=\"details\" onClick={handleCloseMenu}>\n          <Typography variant=\"inherit\" noWrap>\n            <Link to={ilertApi.getStatusPageDetailsURL(statusPage)}>\n              View in iLert\n            </Link>\n          </Typography>\n        </MenuItem>\n        <MenuItem>\n          <Typography variant=\"inherit\" noWrap>\n            <Link to={`https://${ilertApi.getStatusPageURL(statusPage)}`}>\n              View status page\n            </Link>\n          </Typography>\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA4BO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AAEjE,EAAM,MAAA,WAAA,GAAc,CAAC,KAAmC,KAAA;AACtD,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GAClB;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,MAAA;AAAA,QACX,eAAc,EAAA,WAAA;AAAA,QACd,eAAc,EAAA,MAAA;AAAA,QACd,OAAS,EAAA,WAAA;AAAA,QACT,IAAK,EAAA,OAAA;AAAA,QAEL,8BAAC,YAAa,EAAA,EAAA;AAAA;AAAA,KAChB;AAAA,oBACA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,CAA2B,wBAAA,EAAA,UAAA,CAAW,EAAE,CAAA,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,WAAW,EAAA,IAAA;AAAA,QACX,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,QACtB,OAAS,EAAA,eAAA;AAAA,QACT,UAAY,EAAA;AAAA,UACV,KAAO,EAAA,EAAE,SAAW,EAAA,EAAA,GAAK,GAAI;AAAA,SAC/B;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAuB,OAAS,EAAA,eAAA,EAC/B,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAU,MAAM,EAAA,IAAA,EAClC,8BAAC,IAAK,EAAA,EAAA,EAAA,EAAI,SAAS,uBAAwB,CAAA,UAAU,GAAG,QAExD,EAAA,eAAA,EAAA,CAAA,EACF,KALY,SAMd,CAAA;AAAA,8BACC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,QAAM,IAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAI,EAAA,CAAA,QAAA,EAAW,SAAS,gBAAiB,CAAA,UAAU,CAAC,CAAI,CAAA,EAAA,QAAA,EAAA,kBAAA,EAE9D,GACF,CACF,EAAA;AAAA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/StatusPage/StatusPageLink.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs } from 'react/jsx-runtime';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { Link } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
@@ -10,7 +10,10 @@ const StatusPageLink = ({
   if (!statusPage) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Link, { to: ilertApi.getStatusPageDetailsURL(statusPage) }, "#", statusPage.id);
+  return /* @__PURE__ */ jsxs(Link, { to: ilertApi.getStatusPageDetailsURL(statusPage), children: [
+    "#",
+    statusPage.id
+  ] });
 };
 
 export { StatusPageLink };

package/dist/components/StatusPage/StatusPageLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPageLink.esm.js","sources":["../../../src/components/StatusPage/StatusPageLink.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 { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageLink = ({\n  statusPage,\n}: {\n  statusPage: StatusPage | null;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n\n  if (!statusPage) {\n    return null;\n  }\n\n  return (\n    <Link to={ilertApi.getStatusPageDetailsURL(statusPage)}>\n      #{statusPage.id}\n    </Link>\n  );\n};\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,QAAA,CAAS,wBAAwB,UAAU,CAAA,EAAA,EAAG,GACpD,EAAA,UAAA,CAAW,EACf,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StatusPageLink.esm.js","sources":["../../../src/components/StatusPage/StatusPageLink.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 { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageLink = ({\n  statusPage,\n}: {\n  statusPage: StatusPage | null;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n\n  if (!statusPage) {\n    return null;\n  }\n\n  return (\n    <Link to={ilertApi.getStatusPageDetailsURL(statusPage)}>\n      #{statusPage.id}\n    </Link>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,IAAK,EAAA,EAAA,EAAA,EAAI,QAAS,CAAA,uBAAA,CAAwB,UAAU,CAAG,EAAA,QAAA,EAAA;AAAA,IAAA,GAAA;AAAA,IACpD,UAAW,CAAA;AAAA,GACf,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/StatusPage/StatusPageURL.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { Link } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
@@ -11,7 +11,7 @@ const StatusPageURL = ({
     return null;
   }
   const url = ilertApi.getStatusPageURL(statusPage);
-  return /* @__PURE__ */ React.createElement(Link, { to: `https://${url}` }, url);
+  return /* @__PURE__ */ jsx(Link, { to: `https://${url}`, children: url });
 };
 
 export { StatusPageURL };

package/dist/components/StatusPage/StatusPageURL.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPageURL.esm.js","sources":["../../../src/components/StatusPage/StatusPageURL.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 { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageURL = ({\n  statusPage,\n}: {\n  statusPage: StatusPage | null;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n\n  if (!statusPage) {\n    return null;\n  }\n\n  const url = ilertApi.getStatusPageURL(statusPage);\n\n  return <Link to={`https://${url}`}>{url}</Link>;\n};\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,gBAAA,CAAiB,UAAU,CAAA;AAEhD,EAAA,2CAAQ,IAAK,EAAA,EAAA,EAAA,EAAI,CAAW,QAAA,EAAA,GAAG,MAAK,GAAI,CAAA;AAC1C;;;;"}
+{"version":3,"file":"StatusPageURL.esm.js","sources":["../../../src/components/StatusPage/StatusPageURL.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 { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageURL = ({\n  statusPage,\n}: {\n  statusPage: StatusPage | null;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n\n  if (!statusPage) {\n    return null;\n  }\n\n  const url = ilertApi.getStatusPageURL(statusPage);\n\n  return <Link to={`https://${url}`}>{url}</Link>;\n};\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,gBAAA,CAAiB,UAAU,CAAA;AAEhD,EAAA,2BAAQ,IAAK,EAAA,EAAA,EAAA,EAAI,CAAW,QAAA,EAAA,GAAG,IAAK,QAAI,EAAA,GAAA,EAAA,CAAA;AAC1C;;;;"}

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

@@ -1,6 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import Chip from '@material-ui/core/Chip';
 import { withStyles } from '@material-ui/core/styles';
-import React from 'react';
 import { MAJOR_OUTAGE, PARTIAL_OUTAGE, DEGRADED, UNDER_MAINTENANCE, OPERATIONAL } from '../../types.esm.js';
 
 const OperationalChip = withStyles((theme) => ({
@@ -49,17 +49,17 @@ const StatusChip = ({ statusPage }) => {
   const label = `${statusPageStatusLabels[statusPage.status]}`;
   switch (statusPage.status) {
     case OPERATIONAL:
-      return /* @__PURE__ */ React.createElement(OperationalChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(OperationalChip, { label, size: "small" });
     case UNDER_MAINTENANCE:
-      return /* @__PURE__ */ React.createElement(UnderMaintenanceChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(UnderMaintenanceChip, { label, size: "small" });
     case DEGRADED:
-      return /* @__PURE__ */ React.createElement(DegradedChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(DegradedChip, { label, size: "small" });
     case PARTIAL_OUTAGE:
-      return /* @__PURE__ */ React.createElement(PartialOutageChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(PartialOutageChip, { label, size: "small" });
     case MAJOR_OUTAGE:
-      return /* @__PURE__ */ React.createElement(MajorOutageChip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(MajorOutageChip, { label, size: "small" });
     default:
-      return /* @__PURE__ */ React.createElement(Chip, { label, size: "small" });
+      return /* @__PURE__ */ jsx(Chip, { label, size: "small" });
   }
 };