@backstage-community/plugin-ilert 0.3.0 → 0.3.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCardOnCallItem.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCallItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport Divider from '@material-ui/core/Divider';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport Avatar from '@material-ui/core/Avatar';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport EmailIcon from '@material-ui/icons/Email';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { OnCall } from '../../types';\nimport { ilertApiRef } from '../../api';\nimport { DateTime as dt } from 'luxon';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles({\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  fistItemLine: {\n    position: 'absolute',\n    bottom: 0,\n    height: '50%',\n    left: 36,\n  },\n  lastItemLine: {\n    position: 'absolute',\n    top: 0,\n    height: '50%',\n    left: 36,\n  },\n  itemLine: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    height: '100%',\n    left: 36,\n  },\n});\n\nexport const ILertCardOnCallItem = ({\n  onCall,\n  fistItem = false,\n  lastItem = false,\n}: {\n  onCall: OnCall;\n  fistItem?: boolean;\n  lastItem?: boolean;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const classes = useStyles();\n\n  if (!onCall || !onCall.user) {\n    return null;\n  }\n\n  const phoneNumber = ilertApi.getUserPhoneNumber(onCall.user);\n  const escalationRepeating = onCall.escalationPolicy.repeating;\n  const escalationSeconds =\n    onCall.escalationPolicy.escalationRules[onCall.escalationLevel - 1]\n      .escalationTimeout;\n  const escalationHoursOnly = Math.floor(escalationSeconds / 60);\n  const escalationMinutesOnly = escalationSeconds % 60;\n\n  let escalationText = '';\n  if (!lastItem || (lastItem && escalationRepeating)) {\n    escalationText = 'escalate';\n    if (escalationSeconds === 0) {\n      escalationText += ' immediately';\n    } else {\n      escalationText += ' after';\n      if (escalationHoursOnly > 0) {\n        escalationText += ` ${escalationHoursOnly} ${\n          escalationHoursOnly === 1 ? 'hour' : 'hours'\n        }`;\n      }\n      if (escalationMinutesOnly > 0 || escalationSeconds === 0) {\n        escalationText += ` ${escalationMinutesOnly} ${\n          escalationMinutesOnly === 1 ? 'minute' : 'minutes'\n        }`;\n      }\n    }\n  }\n\n  return (\n    <ListItem>\n      {fistItem ? (\n        <Divider orientation=\"vertical\" className={classes.fistItemLine} />\n      ) : null}\n      {lastItem ? (\n        <Divider orientation=\"vertical\" className={classes.lastItemLine} />\n      ) : null}\n      {!fistItem && !lastItem ? (\n        <Divider orientation=\"vertical\" className={classes.itemLine} />\n      ) : null}\n      <ListItemIcon>\n        <Tooltip\n          title={`Escalation level #${onCall.escalationLevel}`}\n          placement=\"top\"\n        >\n          <Avatar>{onCall.escalationLevel}</Avatar>\n        </Tooltip>\n      </ListItemIcon>\n      {onCall.schedule ? (\n        <Tooltip\n          title={\n            'On call shift ' +\n            `${dt.fromISO(onCall.start).toFormat('D MMM, HH:mm')} - ` +\n            `${dt.fromISO(onCall.end).toFormat('D MMM, HH:mm')}`\n          }\n          placement=\"top-start\"\n        >\n          <ListItemText\n            primary={\n              <Typography className={classes.listItemPrimary}>\n                {ilertApi.getUserInitials(onCall.user)}\n              </Typography>\n            }\n            secondary={escalationText}\n          />\n        </Tooltip>\n      ) : (\n        <ListItemText\n          primary={\n            <Typography className={classes.listItemPrimary}>\n              {ilertApi.getUserInitials(onCall.user)}\n            </Typography>\n          }\n          secondary={escalationText}\n        />\n      )}\n      <ListItemSecondaryAction>\n        {phoneNumber ? (\n          <Tooltip title=\"Call to user\" placement=\"top\">\n            <IconButton href={`tel:${phoneNumber}`}>\n              <PhoneIcon color=\"secondary\" />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n        <Tooltip\n          title={`Send e-mail to user ${onCall.user.email}`}\n          placement=\"top\"\n        >\n          <IconButton href={`mailto:${onCall.user.email}`}>\n            <EmailIcon color=\"primary\" />\n          </IconButton>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":["dt"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,eAAiB,EAAA;AAAA,IACf,UAAY,EAAA,MAAA;AAAA,GACd;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,CAAA;AAAA,IACR,MAAQ,EAAA,KAAA;AAAA,IACR,IAAM,EAAA,EAAA;AAAA,GACR;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,MAAQ,EAAA,KAAA;AAAA,IACR,IAAM,EAAA,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,MAAQ,EAAA,CAAA;AAAA,IACR,MAAQ,EAAA,MAAA;AAAA,IACR,IAAM,EAAA,EAAA;AAAA,GACR;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,sBAAsB,CAAC;AAAA,EAClC,MAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,QAAW,GAAA,KAAA;AACb,CAIM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,CAAO,IAAM,EAAA;AAC3B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,WAAc,GAAA,QAAA,CAAS,kBAAmB,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAC3D,EAAM,MAAA,mBAAA,GAAsB,OAAO,gBAAiB,CAAA,SAAA,CAAA;AACpD,EAAA,MAAM,oBACJ,MAAO,CAAA,gBAAA,CAAiB,gBAAgB,MAAO,CAAA,eAAA,GAAkB,CAAC,CAC/D,CAAA,iBAAA,CAAA;AACL,EAAA,MAAM,mBAAsB,GAAA,IAAA,CAAK,KAAM,CAAA,iBAAA,GAAoB,EAAE,CAAA,CAAA;AAC7D,EAAA,MAAM,wBAAwB,iBAAoB,GAAA,EAAA,CAAA;AAElD,EAAA,IAAI,cAAiB,GAAA,EAAA,CAAA;AACrB,EAAI,IAAA,CAAC,QAAa,IAAA,QAAA,IAAY,mBAAsB,EAAA;AAClD,IAAiB,cAAA,GAAA,UAAA,CAAA;AACjB,IAAA,IAAI,sBAAsB,CAAG,EAAA;AAC3B,MAAkB,cAAA,IAAA,cAAA,CAAA;AAAA,KACb,MAAA;AACL,MAAkB,cAAA,IAAA,QAAA,CAAA;AAClB,MAAA,IAAI,sBAAsB,CAAG,EAAA;AAC3B,QAAA,cAAA,IAAkB,IAAI,mBAAmB,CAAA,CAAA,EACvC,mBAAwB,KAAA,CAAA,GAAI,SAAS,OACvC,CAAA,CAAA,CAAA;AAAA,OACF;AACA,MAAI,IAAA,qBAAA,GAAwB,CAAK,IAAA,iBAAA,KAAsB,CAAG,EAAA;AACxD,QAAA,cAAA,IAAkB,IAAI,qBAAqB,CAAA,CAAA,EACzC,qBAA0B,KAAA,CAAA,GAAI,WAAW,SAC3C,CAAA,CAAA,CAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAEA,EAAA,2CACG,QACE,EAAA,IAAA,EAAA,QAAA,mBACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,aAAY,UAAW,EAAA,SAAA,EAAW,OAAQ,CAAA,YAAA,EAAc,IAC/D,IACH,EAAA,QAAA,mBACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,aAAY,UAAW,EAAA,SAAA,EAAW,OAAQ,CAAA,YAAA,EAAc,IAC/D,IACH,EAAA,CAAC,QAAY,IAAA,CAAC,2BACZ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,WAAY,EAAA,UAAA,EAAW,WAAW,OAAQ,CAAA,QAAA,EAAU,CAC3D,GAAA,IAAA,sCACH,YACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAqB,kBAAA,EAAA,MAAA,CAAO,eAAe,CAAA,CAAA;AAAA,MAClD,SAAU,EAAA,KAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA,CAAC,MAAQ,EAAA,IAAA,EAAA,MAAA,CAAO,eAAgB,CAAA;AAAA,GAEpC,CACC,EAAA,MAAA,CAAO,QACN,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OACE,CACG,cAAA,EAAAA,QAAA,CAAG,QAAQ,MAAO,CAAA,KAAK,EAAE,QAAS,CAAA,cAAc,CAAC,CAAA,GAAA,EACjDA,SAAG,OAAQ,CAAA,MAAA,CAAO,GAAG,CAAE,CAAA,QAAA,CAAS,cAAc,CAAC,CAAA,CAAA;AAAA,MAEpD,SAAU,EAAA,WAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OAAA,kBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,mBAC5B,QAAS,CAAA,eAAA,CAAgB,MAAO,CAAA,IAAI,CACvC,CAAA;AAAA,QAEF,SAAW,EAAA,cAAA;AAAA,OAAA;AAAA,KACb;AAAA,GAGF,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAA,kBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,mBAC5B,QAAS,CAAA,eAAA,CAAgB,MAAO,CAAA,IAAI,CACvC,CAAA;AAAA,MAEF,SAAW,EAAA,cAAA;AAAA,KAAA;AAAA,GACb,sCAED,uBACE,EAAA,IAAA,EAAA,WAAA,uCACE,OAAQ,EAAA,EAAA,KAAA,EAAM,cAAe,EAAA,SAAA,EAAU,KACtC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,IAAM,EAAA,CAAA,IAAA,EAAO,WAAW,CAAA,CAAA,EAAA,kBACjC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAM,WAAY,EAAA,CAC/B,CACF,CAAA,GACE,IACJ,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,CAAA,oBAAA,EAAuB,MAAO,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,MAC/C,SAAU,EAAA,KAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAM,EAAA,CAAA,OAAA,EAAU,MAAO,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA,EAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,KAAM,EAAA,SAAA,EAAU,CAC7B,CAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { Page, Header, HeaderLabel, HeaderTabs, Content } from '@backstage/core-components';
+import React from 'react';
+import { AlertsPage } from '../AlertsPage/AlertsPage.esm.js';
+import '../AlertsPage/AlertsTable.esm.js';
+import { OnCallSchedulesPage } from '../OnCallSchedulesPage/OnCallSchedulesPage.esm.js';
+import '../OnCallSchedulesPage/OnCallSchedulesGrid.esm.js';
+import { ServicesPage } from '../ServicesPage/ServicesPage.esm.js';
+import '../ServicesPage/ServicesTable.esm.js';
+import { StatusPagesPage } from '../StatusPagePage/StatusPagesPage.esm.js';
+import '../StatusPagePage/StatusPagesTable.esm.js';
+
+const ILertPage = () => {
+  const [selectedTab, setSelectedTab] = React.useState(0);
+  const tabs = [
+    { label: "Who is on call?" },
+    { label: "Alerts" },
+    { label: "Services" },
+    { label: "Status pages" }
+  ];
+  const renderTab = () => {
+    switch (selectedTab) {
+      case 0:
+        return /* @__PURE__ */ React.createElement(OnCallSchedulesPage, null);
+      case 1:
+        return /* @__PURE__ */ React.createElement(AlertsPage, null);
+      case 2:
+        return /* @__PURE__ */ React.createElement(ServicesPage, null);
+      case 3:
+        return /* @__PURE__ */ React.createElement(StatusPagesPage, null);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "website" }, /* @__PURE__ */ React.createElement(Header, { title: "iLert", type: "tool" }, /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Owner", value: "iLert" }), /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Lifecycle", value: "Alpha" })), /* @__PURE__ */ React.createElement(
+    HeaderTabs,
+    {
+      selectedIndex: selectedTab,
+      onChange: (index) => setSelectedTab(index),
+      tabs: tabs.map(({ label }, index) => ({
+        id: index.toString(),
+        label
+      }))
+    }
+  ), /* @__PURE__ */ React.createElement(Content, { noPadding: true }, renderTab()));
+};
+
+export { ILertPage, ILertPage as default };
+//# sourceMappingURL=ILertPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ILertPage.esm.js","sources":["../../../src/components/ILertPage/ILertPage.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  Header,\n  HeaderLabel,\n  HeaderTabs,\n  Page,\n} from '@backstage/core-components';\nimport React from 'react';\nimport { AlertsPage } from '../AlertsPage';\nimport { OnCallSchedulesPage } from '../OnCallSchedulesPage';\nimport { ServicesPage } from '../ServicesPage';\nimport { StatusPagesPage } from '../StatusPagePage';\n\n/** @public */\nexport const ILertPage = () => {\n  const [selectedTab, setSelectedTab] = React.useState<number>(0);\n  const tabs = [\n    { label: 'Who is on call?' },\n    { label: 'Alerts' },\n    { label: 'Services' },\n    { label: 'Status pages' },\n  ];\n  const renderTab = () => {\n    switch (selectedTab) {\n      case 0:\n        return <OnCallSchedulesPage />;\n      case 1:\n        return <AlertsPage />;\n      case 2:\n        return <ServicesPage />;\n      case 3:\n        return <StatusPagesPage />;\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <Page themeId=\"website\">\n      <Header title=\"iLert\" type=\"tool\">\n        <HeaderLabel label=\"Owner\" value=\"iLert\" />\n        <HeaderLabel label=\"Lifecycle\" value=\"Alpha\" />\n      </Header>\n      <HeaderTabs\n        selectedIndex={selectedTab}\n        onChange={index => setSelectedTab(index)}\n        tabs={tabs.map(({ label }, index) => ({\n          id: index.toString(),\n          label,\n        }))}\n      />\n\n      <Content noPadding>{renderTab()}</Content>\n    </Page>\n  );\n};\n\nexport default ILertPage;\n"],"names":[],"mappings":";;;;;;;;;;;AA6BO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAiB,CAAC,CAAA,CAAA;AAC9D,EAAA,MAAM,IAAO,GAAA;AAAA,IACX,EAAE,OAAO,iBAAkB,EAAA;AAAA,IAC3B,EAAE,OAAO,QAAS,EAAA;AAAA,IAClB,EAAE,OAAO,UAAW,EAAA;AAAA,IACpB,EAAE,OAAO,cAAe,EAAA;AAAA,GAC1B,CAAA;AACA,EAAA,MAAM,YAAY,MAAM;AACtB,IAAA,QAAQ,WAAa;AAAA,MACnB,KAAK,CAAA;AACH,QAAA,2CAAQ,mBAAoB,EAAA,IAAA,CAAA,CAAA;AAAA,MAC9B,KAAK,CAAA;AACH,QAAA,2CAAQ,UAAW,EAAA,IAAA,CAAA,CAAA;AAAA,MACrB,KAAK,CAAA;AACH,QAAA,2CAAQ,YAAa,EAAA,IAAA,CAAA,CAAA;AAAA,MACvB,KAAK,CAAA;AACH,QAAA,2CAAQ,eAAgB,EAAA,IAAA,CAAA,CAAA;AAAA,MAC1B;AACE,QAAO,OAAA,IAAA,CAAA;AAAA,KACX;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,SACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,MAAA,EAAA,kBACxB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,OAAM,OAAQ,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA,kBACxC,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,OAAM,WAAY,EAAA,KAAA,EAAM,OAAQ,EAAA,CAC/C,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAe,EAAA,WAAA;AAAA,MACf,QAAA,EAAU,CAAS,KAAA,KAAA,cAAA,CAAe,KAAK,CAAA;AAAA,MACvC,MAAM,IAAK,CAAA,GAAA,CAAI,CAAC,EAAE,KAAA,IAAS,KAAW,MAAA;AAAA,QACpC,EAAA,EAAI,MAAM,QAAS,EAAA;AAAA,QACnB,KAAA;AAAA,OACA,CAAA,CAAA;AAAA,KAAA;AAAA,qBAGH,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,WAAS,IAAE,EAAA,EAAA,SAAA,EAAY,CAClC,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/OnCallSchedulesPage/OnCallSchedulesGrid.esm.js

@@ -0,0 +1,135 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import CardHeader from '@material-ui/core/CardHeader';
+import Typography from '@material-ui/core/Typography';
+import { ilertApiRef } from '../../api/client.esm.js';
+import { OnCallShiftItem } from './OnCallShiftItem.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { Progress, ItemCardGrid, Link } from '@backstage/core-components';
+
+const useStyles = makeStyles(() => ({
+  card: {
+    margin: 16,
+    width: "calc(100% - 32px)"
+  },
+  cardHeader: {
+    maxWidth: "100%"
+  },
+  cardContent: {
+    marginLeft: 80,
+    borderLeft: "1px #808289 solid",
+    position: "relative"
+  },
+  indicatorNext: {
+    position: "absolute",
+    top: "calc(40% - 10px)",
+    left: -6,
+    width: 12,
+    height: 12,
+    background: "#92949c !important",
+    borderRadius: "50%"
+  },
+  indicatorCurrent: {
+    position: "absolute",
+    top: "calc(40% - 10px)",
+    left: -6,
+    width: 12,
+    height: 12,
+    background: "#ffb74d !important",
+    color: "#ffb74d !important",
+    borderRadius: "50%",
+    "&::after": {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      borderRadius: "50%",
+      animation: "$ripple 1.2s infinite ease-in-out",
+      border: "1px solid currentColor",
+      content: '""'
+    }
+  },
+  "@keyframes ripple": {
+    "0%": {
+      transform: "scale(.8)",
+      opacity: 1
+    },
+    "100%": {
+      transform: "scale(2.4)",
+      opacity: 0
+    }
+  },
+  beforeText: {
+    position: "absolute",
+    top: "calc(31% - 10px)",
+    left: -78,
+    width: 65,
+    height: 20,
+    textAlign: "center",
+    color: "#808289"
+  },
+  marginBottom: {
+    marginBottom: 16
+  },
+  link: {
+    fontSize: "1.5rem",
+    fontWeight: 700,
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    display: "block"
+  }
+}));
+const OnCallSchedulesGrid = ({
+  onCallSchedules,
+  isLoading,
+  refetchOnCallSchedules
+}) => {
+  const ilertApi = useApi(ilertApiRef);
+  const classes = useStyles();
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  return /* @__PURE__ */ React.createElement(ItemCardGrid, { "data-testid": "docs-explore" }, !onCallSchedules?.length ? null : onCallSchedules.map((schedule, index) => /* @__PURE__ */ React.createElement(Card, { key: index }, /* @__PURE__ */ React.createElement(
+    CardHeader,
+    {
+      classes: { content: classes.cardHeader },
+      title: /* @__PURE__ */ React.createElement(
+        Link,
+        {
+          to: ilertApi.getScheduleDetailsURL(schedule),
+          className: classes.link
+        },
+        schedule.name
+      )
+    }
+  ), /* @__PURE__ */ React.createElement(CardContent, { className: classes.cardContent }, /* @__PURE__ */ React.createElement("div", { className: classes.indicatorCurrent }), /* @__PURE__ */ React.createElement(
+    OnCallShiftItem,
+    {
+      shift: schedule.currentShift,
+      scheduleId: schedule.id,
+      refetchOnCallSchedules
+    }
+  ), /* @__PURE__ */ React.createElement(Typography, { className: classes.beforeText, variant: "body2" }, "On call now")), /* @__PURE__ */ React.createElement(
+    CardContent,
+    {
+      className: `${classes.cardContent} ${classes.marginBottom}`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes.indicatorNext }),
+    /* @__PURE__ */ React.createElement(
+      OnCallShiftItem,
+      {
+        shift: schedule.nextShift,
+        scheduleId: schedule.id,
+        refetchOnCallSchedules
+      }
+    ),
+    /* @__PURE__ */ React.createElement(Typography, { className: classes.beforeText, variant: "body2" }, "Next on call")
+  ))));
+};
+
+export { OnCallSchedulesGrid };
+//# sourceMappingURL=OnCallSchedulesGrid.esm.js.map

package/dist/components/OnCallSchedulesPage/OnCallSchedulesGrid.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnCallSchedulesGrid.esm.js","sources":["../../../src/components/OnCallSchedulesPage/OnCallSchedulesGrid.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 { makeStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Typography from '@material-ui/core/Typography';\nimport { Schedule } from '../../types';\nimport { ilertApiRef } from '../../api';\nimport { OnCallShiftItem } from './OnCallShiftItem';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ItemCardGrid, Progress, Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles(() => ({\n  card: {\n    margin: 16,\n    width: 'calc(100% - 32px)',\n  },\n\n  cardHeader: {\n    maxWidth: '100%',\n  },\n\n  cardContent: {\n    marginLeft: 80,\n    borderLeft: '1px #808289 solid',\n    position: 'relative',\n  },\n\n  indicatorNext: {\n    position: 'absolute',\n    top: 'calc(40% - 10px)',\n    left: -6,\n    width: 12,\n    height: 12,\n    background: '#92949c !important',\n    borderRadius: '50%',\n  },\n\n  indicatorCurrent: {\n    position: 'absolute',\n    top: 'calc(40% - 10px)',\n    left: -6,\n    width: 12,\n    height: 12,\n    background: '#ffb74d !important',\n    color: '#ffb74d !important',\n    borderRadius: '50%',\n    '&::after': {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      height: '100%',\n      borderRadius: '50%',\n      animation: '$ripple 1.2s infinite ease-in-out',\n      border: '1px solid currentColor',\n      content: '\"\"',\n    },\n  },\n  '@keyframes ripple': {\n    '0%': {\n      transform: 'scale(.8)',\n      opacity: 1,\n    },\n    '100%': {\n      transform: 'scale(2.4)',\n      opacity: 0,\n    },\n  },\n\n  beforeText: {\n    position: 'absolute',\n    top: 'calc(31% - 10px)',\n    left: -78,\n    width: 65,\n    height: 20,\n    textAlign: 'center',\n    color: '#808289',\n  },\n\n  marginBottom: {\n    marginBottom: 16,\n  },\n\n  link: {\n    fontSize: '1.5rem',\n    fontWeight: 700,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    display: 'block',\n  },\n}));\n\nexport const OnCallSchedulesGrid = ({\n  onCallSchedules,\n  isLoading,\n  refetchOnCallSchedules,\n}: {\n  onCallSchedules: Schedule[];\n  isLoading: boolean;\n  refetchOnCallSchedules: () => void;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const classes = useStyles();\n\n  if (isLoading) {\n    return <Progress />;\n  }\n  return (\n    <ItemCardGrid data-testid=\"docs-explore\">\n      {!onCallSchedules?.length\n        ? null\n        : onCallSchedules.map((schedule, index) => (\n            <Card key={index}>\n              <CardHeader\n                classes={{ content: classes.cardHeader }}\n                title={\n                  <Link\n                    to={ilertApi.getScheduleDetailsURL(schedule)}\n                    className={classes.link}\n                  >\n                    {schedule.name}\n                  </Link>\n                }\n              />\n\n              <CardContent className={classes.cardContent}>\n                <div className={classes.indicatorCurrent} />\n                <OnCallShiftItem\n                  shift={schedule.currentShift}\n                  scheduleId={schedule.id}\n                  refetchOnCallSchedules={refetchOnCallSchedules}\n                />\n                <Typography className={classes.beforeText} variant=\"body2\">\n                  On call now\n                </Typography>\n              </CardContent>\n\n              <CardContent\n                className={`${classes.cardContent} ${classes.marginBottom}`}\n              >\n                <div className={classes.indicatorNext} />\n                <OnCallShiftItem\n                  shift={schedule.nextShift}\n                  scheduleId={schedule.id}\n                  refetchOnCallSchedules={refetchOnCallSchedules}\n                />\n                <Typography className={classes.beforeText} variant=\"body2\">\n                  Next on call\n                </Typography>\n              </CardContent>\n            </Card>\n          ))}\n    </ItemCardGrid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/OnCallSchedulesPage/OnCallSchedulesPage.esm.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { AuthenticationError } from '@backstage/errors';
+import { OnCallSchedulesGrid } from './OnCallSchedulesGrid.esm.js';
+import { MissingAuthorizationHeaderError } from '../Errors/MissingAuthorizationHeaderError.esm.js';
+import { useOnCallSchedules } from '../../hooks/useOnCallSchedules.esm.js';
+import { Content, ResponseErrorPanel, ContentHeader, SupportButton } from '@backstage/core-components';
+
+const OnCallSchedulesPage = () => {
+  const [{ onCallSchedules, isLoading, error }, { refetchOnCallSchedules }] = useOnCallSchedules();
+  if (error) {
+    if (error instanceof AuthenticationError) {
+      return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(MissingAuthorizationHeaderError, null));
+    }
+    return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
+  }
+  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Who is on call?" }, /* @__PURE__ */ React.createElement(SupportButton, null, "This helps you to bring iLert into your developer portal.")), /* @__PURE__ */ React.createElement(
+    OnCallSchedulesGrid,
+    {
+      onCallSchedules,
+      isLoading,
+      refetchOnCallSchedules
+    }
+  ));
+};
+
+export { OnCallSchedulesPage };
+//# sourceMappingURL=OnCallSchedulesPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnCallSchedulesPage.esm.js","sources":["../../../src/components/OnCallSchedulesPage/OnCallSchedulesPage.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 { AuthenticationError } from '@backstage/errors';\nimport { OnCallSchedulesGrid } from './OnCallSchedulesGrid';\nimport { MissingAuthorizationHeaderError } from '../Errors';\nimport { useOnCallSchedules } from '../../hooks/useOnCallSchedules';\nimport {\n  Content,\n  ContentHeader,\n  SupportButton,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\n\nexport const OnCallSchedulesPage = () => {\n  const [{ onCallSchedules, isLoading, error }, { refetchOnCallSchedules }] =\n    useOnCallSchedules();\n\n  if (error) {\n    if (error instanceof 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=\"Who is on call?\">\n        <SupportButton>\n          This helps you to bring iLert into your developer portal.\n        </SupportButton>\n      </ContentHeader>\n      <OnCallSchedulesGrid\n        onCallSchedules={onCallSchedules}\n        isLoading={isLoading}\n        refetchOnCallSchedules={refetchOnCallSchedules}\n      />\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA2BO,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,CAAC,EAAE,eAAA,EAAiB,SAAW,EAAA,KAAA,IAAS,EAAE,sBAAA,EAAwB,CAAA,GACtE,kBAAmB,EAAA,CAAA;AAErB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,IAAI,iBAAiB,mBAAqB,EAAA;AACxC,MAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAgC,CACnC,CAAA,CAAA;AAAA,KAEJ;AAEA,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAM,qCAClB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,2DAEf,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,eAAA;AAAA,MACA,SAAA;AAAA,MACA,sBAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/OnCallSchedulesPage/OnCallShiftItem.esm.js

@@ -0,0 +1,63 @@
+import { useApi } from '@backstage/core-plugin-api';
+import Button from '@material-ui/core/Button';
+import Grid from '@material-ui/core/Grid';
+import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import RepeatIcon from '@material-ui/icons/Repeat';
+import { DateTime } from 'luxon';
+import React from 'react';
+import { ilertApiRef } from '../../api/client.esm.js';
+import { ShiftOverrideModal } from '../Shift/ShiftOverrideModal.esm.js';
+
+const useStyles = makeStyles({
+  button: {
+    marginTop: 4,
+    padding: 0,
+    lineHeight: 1.8,
+    "& span": {
+      lineHeight: 1.8,
+      fontSize: "0.65rem"
+    },
+    "& svg": {
+      fontSize: "0.85rem !important"
+    }
+  }
+});
+const OnCallShiftItem = ({
+  scheduleId,
+  shift,
+  refetchOnCallSchedules
+}) => {
+  const classes = useStyles();
+  const ilertApi = useApi(ilertApiRef);
+  const [isModalOpened, setIsModalOpened] = React.useState(false);
+  const handleOverride = () => {
+    setIsModalOpened(true);
+  };
+  if (!shift || !shift.start) {
+    return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 0 }, /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1", color: "textSecondary" }, "Nobody")));
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 0 }, shift && shift.user ? /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1", noWrap: true }, ilertApi.getUserInitials(shift.user))) : null, /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2", color: "textSecondary" }, `${DateTime.fromISO(shift.start).toFormat("D MMM, HH:mm")} - ${DateTime.fromISO(shift.end).toFormat("D MMM, HH:mm")}`)), /* @__PURE__ */ React.createElement(Grid, { item: true, sm: 12 }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      color: "primary",
+      size: "small",
+      className: classes.button,
+      startIcon: /* @__PURE__ */ React.createElement(RepeatIcon, null),
+      onClick: handleOverride
+    },
+    /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, "Override shift")
+  ), /* @__PURE__ */ React.createElement(
+    ShiftOverrideModal,
+    {
+      scheduleId,
+      shift,
+      refetchOnCallSchedules,
+      isModalOpened,
+      setIsModalOpened
+    }
+  )));
+};
+
+export { OnCallShiftItem };
+//# sourceMappingURL=OnCallShiftItem.esm.js.map

package/dist/components/OnCallSchedulesPage/OnCallShiftItem.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnCallShiftItem.esm.js","sources":["../../../src/components/OnCallSchedulesPage/OnCallShiftItem.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 { useApi } from '@backstage/core-plugin-api';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport RepeatIcon from '@material-ui/icons/Repeat';\nimport { DateTime as dt } from 'luxon';\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { Shift } from '../../types';\nimport { ShiftOverrideModal } from '../Shift/ShiftOverrideModal';\n\nconst useStyles = makeStyles({\n  button: {\n    marginTop: 4,\n    padding: 0,\n    lineHeight: 1.8,\n    '& span': {\n      lineHeight: 1.8,\n      fontSize: '0.65rem',\n    },\n    '& svg': {\n      fontSize: '0.85rem !important',\n    },\n  },\n});\n\nexport const OnCallShiftItem = ({\n  scheduleId,\n  shift,\n  refetchOnCallSchedules,\n}: {\n  scheduleId: number;\n  shift: Shift;\n  refetchOnCallSchedules: () => void;\n}) => {\n  const classes = useStyles();\n  const ilertApi = useApi(ilertApiRef);\n  const [isModalOpened, setIsModalOpened] = React.useState(false);\n\n  const handleOverride = () => {\n    setIsModalOpened(true);\n  };\n\n  if (!shift || !shift.start) {\n    return (\n      <Grid container spacing={0}>\n        <Grid item sm={12}>\n          <Typography variant=\"subtitle1\" color=\"textSecondary\">\n            Nobody\n          </Typography>\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container spacing={0}>\n      {shift && shift.user ? (\n        <Grid item sm={12}>\n          <Typography variant=\"subtitle1\" noWrap>\n            {ilertApi.getUserInitials(shift.user)}\n          </Typography>\n        </Grid>\n      ) : null}\n      <Grid item sm={12}>\n        <Typography variant=\"subtitle2\" color=\"textSecondary\">\n          {`${dt.fromISO(shift.start).toFormat('D MMM, HH:mm')} - ${dt\n            .fromISO(shift.end)\n            .toFormat('D MMM, HH:mm')}`}\n        </Typography>\n      </Grid>\n      <Grid item sm={12}>\n        <Button\n          color=\"primary\"\n          size=\"small\"\n          className={classes.button}\n          startIcon={<RepeatIcon />}\n          onClick={handleOverride}\n        >\n          <Typography variant=\"overline\">Override shift</Typography>\n        </Button>\n        <ShiftOverrideModal\n          scheduleId={scheduleId}\n          shift={shift}\n          refetchOnCallSchedules={refetchOnCallSchedules}\n          isModalOpened={isModalOpened}\n          setIsModalOpened={setIsModalOpened}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["dt"],"mappings":"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"}

package/dist/components/Service/ServiceActionsMenu.esm.js

@@ -0,0 +1,47 @@
+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 { ilertApiRef } from '../../api/client.esm.js';
+import { Link } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+
+const ServiceActionsMenu = ({ service }) => {
+  const ilertApi = useApi(ilertApiRef);
+  const [anchorEl, setAnchorEl] = React.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: `service-actions-menu-${service.id}`,
+      anchorEl,
+      keepMounted: true,
+      open: Boolean(anchorEl),
+      onClose: handleCloseMenu,
+      PaperProps: {
+        style: { maxHeight: 48 * 5.5 }
+      }
+    },
+    /* @__PURE__ */ React.createElement(MenuItem, { key: "details", onClick: handleCloseMenu }, /* @__PURE__ */ React.createElement(Typography, { variant: "inherit", noWrap: true }, /* @__PURE__ */ React.createElement(Link, { to: ilertApi.getServiceDetailsURL(service) }, "View in iLert")))
+  ));
+};
+
+export { ServiceActionsMenu };
+//# sourceMappingURL=ServiceActionsMenu.esm.js.map

package/dist/components/Service/ServiceActionsMenu.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceActionsMenu.esm.js","sources":["../../../src/components/Service/ServiceActionsMenu.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 { Service } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const ServiceActionsMenu = ({ service }: { service: Service }) => {\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={`service-actions-menu-${service.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.getServiceDetailsURL(service)}>\n              View in iLert\n            </Link>\n          </Typography>\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA2BO,MAAM,kBAAqB,GAAA,CAAC,EAAE,OAAA,EAAoC,KAAA;AACvE,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAA6B,IAAI,CAAA,CAAA;AAEvE,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,GAClB,CAAA;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,OAAA;AAAA,KAAA;AAAA,wCAEJ,YAAa,EAAA,IAAA,CAAA;AAAA,GAEhB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,CAAwB,qBAAA,EAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,MACtC,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,EAAA;AAAA,OAC/B;AAAA,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,qBAAqB,OAAO,CAAA,EAAA,EAAG,eAElD,CACF,CACF,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Service/ServiceLink.esm.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ilertApiRef } from '../../api/client.esm.js';
+import { Link } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+
+const ServiceLink = ({ service }) => {
+  const ilertApi = useApi(ilertApiRef);
+  if (!service) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Link, { to: ilertApi.getServiceDetailsURL(service) }, "#", service.id);
+};
+
+export { ServiceLink };
+//# sourceMappingURL=ServiceLink.esm.js.map

package/dist/components/Service/ServiceLink.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceLink.esm.js","sources":["../../../src/components/Service/ServiceLink.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 { Service } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const ServiceLink = ({ service }: { service: Service | null }) => {\n  const ilertApi = useApi(ilertApiRef);\n\n  if (!service) {\n    return null;\n  }\n\n  return <Link to={ilertApi.getServiceDetailsURL(service)}>#{service.id}</Link>;\n};\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,WAAc,GAAA,CAAC,EAAE,OAAA,EAA2C,KAAA;AACvE,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AAEnC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,QAAA,CAAS,qBAAqB,OAAO,CAAA,EAAA,EAAG,GAAE,EAAA,OAAA,CAAQ,EAAG,CAAA,CAAA;AACxE;;;;"}

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

@@ -0,0 +1,32 @@
+import { Content, ResponseErrorPanel, ContentHeader, SupportButton } from '@backstage/core-components';
+import React from 'react';
+import { useServices } from '../../hooks/useServices.esm.js';
+import { MissingAuthorizationHeaderError } from '../Errors/MissingAuthorizationHeaderError.esm.js';
+import { ServicesTable } from './ServicesTable.esm.js';
+
+const ServicesPage = () => {
+  const [
+    { tableState, services, isLoading, error },
+    { onChangePage, onChangeRowsPerPage, setIsLoading }
+  ] = useServices(true);
+  if (error) {
+    if (error.name === "AuthenticationError") {
+      return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(MissingAuthorizationHeaderError, null));
+    }
+    return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
+  }
+  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Services" }, /* @__PURE__ */ React.createElement(SupportButton, null, "This helps you to bring iLert into your developer portal.")), /* @__PURE__ */ React.createElement(
+    ServicesTable,
+    {
+      services,
+      tableState,
+      onChangePage,
+      onChangeRowsPerPage,
+      isLoading,
+      setIsLoading
+    }
+  ));
+};
+
+export { ServicesPage };
+//# sourceMappingURL=ServicesPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServicesPage.esm.js","sources":["../../../src/components/ServicesPage/ServicesPage.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 React from 'react';\nimport { useServices } from '../../hooks/useServices';\nimport { MissingAuthorizationHeaderError } from '../Errors';\nimport { ServicesTable } from './ServicesTable';\n\nexport const ServicesPage = () => {\n  const [\n    { tableState, services, isLoading, error },\n    { onChangePage, onChangeRowsPerPage, setIsLoading },\n  ] = useServices(true);\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=\"Services\">\n        <SupportButton>\n          This helps you to bring iLert into your developer portal.\n        </SupportButton>\n      </ContentHeader>\n      <ServicesTable\n        services={services}\n        tableState={tableState}\n        onChangePage={onChangePage}\n        onChangeRowsPerPage={onChangeRowsPerPage}\n        isLoading={isLoading}\n        setIsLoading={setIsLoading}\n      />\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA;AAAA,IACJ,EAAE,UAAA,EAAY,QAAU,EAAA,SAAA,EAAW,KAAM,EAAA;AAAA,IACzC,EAAE,YAAc,EAAA,mBAAA,EAAqB,YAAa,EAAA;AAAA,GACpD,GAAI,YAAY,IAAI,CAAA,CAAA;AAEpB,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,CAAA;AAAA,KAEJ;AAEA,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAM,8BAClB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,2DAEf,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,99 @@
+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';
+import { ServiceLink } from '../Service/ServiceLink.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  empty: {
+    padding: theme.spacing(2),
+    display: "flex",
+    justifyContent: "center"
+  }
+}));
+const ServicesTable = ({
+  services,
+  tableState,
+  isLoading,
+  onChangePage,
+  onChangeRowsPerPage,
+  compact
+}) => {
+  const classes = useStyles();
+  const smColumnStyle = {
+    width: "10%",
+    maxWidth: "10%"
+  };
+  const xlColumnStyle = {
+    width: "30%",
+    maxWidth: "30%"
+  };
+  const idColumn = {
+    title: "ID",
+    field: "id",
+    highlight: true,
+    cellStyle: smColumnStyle,
+    headerStyle: smColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(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)
+  };
+  const statusColumn = {
+    title: "Status",
+    field: "status",
+    cellStyle: smColumnStyle,
+    headerStyle: smColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(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 || "")
+  };
+  const actionsColumn = {
+    title: "",
+    field: "",
+    cellStyle: smColumnStyle,
+    headerStyle: smColumnStyle,
+    render: (rowData) => /* @__PURE__ */ React.createElement(ServiceActionsMenu, { service: rowData })
+  };
+  const columns = compact ? [nameColumn, statusColumn, uptimeColumn, actionsColumn] : [idColumn, nameColumn, statusColumn, uptimeColumn, actionsColumn];
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      options: {
+        sorting: false,
+        search: !compact,
+        paging: !compact,
+        actionsColumnIndex: -1,
+        pageSize: tableState.pageSize,
+        pageSizeOptions: !compact ? [10, 20, 50, 100] : [3, 10, 20, 50, 100],
+        padding: "dense",
+        loadingType: "overlay",
+        showEmptyDataSourceMessage: !isLoading,
+        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"),
+      page: tableState.page,
+      onPageChange: onChangePage,
+      onRowsPerPageChange: onChangeRowsPerPage,
+      columns,
+      data: services,
+      isLoading
+    }
+  );
+};
+
+export { ServicesTable };
+//# sourceMappingURL=ServicesTable.esm.js.map

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

@@ -0,0 +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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"}