@backstage-community/plugin-ilert 0.7.1 → 0.8.0

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

@@ -1,5 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Page, Header, HeaderLabel, HeaderTabs, Content } from '@backstage/core-components';
-import React from 'react';
+import { useState } from 'react';
 import { AlertsPage } from '../AlertsPage/AlertsPage.esm.js';
 import '../AlertsPage/AlertsTable.esm.js';
 import { OnCallSchedulesPage } from '../OnCallSchedulesPage/OnCallSchedulesPage.esm.js';
@@ -10,7 +11,7 @@ import { StatusPagesPage } from '../StatusPagePage/StatusPagesPage.esm.js';
 import '../StatusPagePage/StatusPagesTable.esm.js';
 
 const ILertPage = () => {
-  const [selectedTab, setSelectedTab] = React.useState(0);
+  const [selectedTab, setSelectedTab] = useState(0);
   const tabs = [
     { label: "Who is on call?" },
     { label: "Alerts" },
@@ -20,28 +21,35 @@ const ILertPage = () => {
   const renderTab = () => {
     switch (selectedTab) {
       case 0:
-        return /* @__PURE__ */ React.createElement(OnCallSchedulesPage, null);
+        return /* @__PURE__ */ jsx(OnCallSchedulesPage, {});
       case 1:
-        return /* @__PURE__ */ React.createElement(AlertsPage, null);
+        return /* @__PURE__ */ jsx(AlertsPage, {});
       case 2:
-        return /* @__PURE__ */ React.createElement(ServicesPage, null);
+        return /* @__PURE__ */ jsx(ServicesPage, {});
       case 3:
-        return /* @__PURE__ */ React.createElement(StatusPagesPage, null);
+        return /* @__PURE__ */ jsx(StatusPagesPage, {});
       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()));
+  return /* @__PURE__ */ jsxs(Page, { themeId: "website", children: [
+    /* @__PURE__ */ jsxs(Header, { title: "iLert", type: "tool", children: [
+      /* @__PURE__ */ jsx(HeaderLabel, { label: "Owner", value: "iLert" }),
+      /* @__PURE__ */ jsx(HeaderLabel, { label: "Lifecycle", value: "Alpha" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      HeaderTabs,
+      {
+        selectedIndex: selectedTab,
+        onChange: (index) => setSelectedTab(index),
+        tabs: tabs.map(({ label }, index) => ({
+          id: index.toString(),
+          label
+        }))
+      }
+    ),
+    /* @__PURE__ */ jsx(Content, { noPadding: true, children: renderTab() })
+  ] });
 };
 
 export { ILertPage, ILertPage as default };

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

@@ -1 +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;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;AAAA,GAC1B;AACA,EAAA,MAAM,YAAY,MAAM;AACtB,IAAA,QAAQ,WAAa;AAAA,MACnB,KAAK,CAAA;AACH,QAAA,2CAAQ,mBAAoB,EAAA,IAAA,CAAA;AAAA,MAC9B,KAAK,CAAA;AACH,QAAA,2CAAQ,UAAW,EAAA,IAAA,CAAA;AAAA,MACrB,KAAK,CAAA;AACH,QAAA,2CAAQ,YAAa,EAAA,IAAA,CAAA;AAAA,MACvB,KAAK,CAAA;AACH,QAAA,2CAAQ,eAAgB,EAAA,IAAA,CAAA;AAAA,MAC1B;AACE,QAAO,OAAA,IAAA;AAAA;AACX,GACF;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;AAAA,OACA,CAAA;AAAA;AAAA,qBAGH,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,WAAS,IAAE,EAAA,EAAA,SAAA,EAAY,CAClC,CAAA;AAEJ;;;;"}
+{"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 { useState } 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] = 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,CAAA,GAAI,SAAiB,CAAC,CAAA;AACxD,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;AAAA,GAC1B;AACA,EAAA,MAAM,YAAY,MAAM;AACtB,IAAA,QAAQ,WAAa;AAAA,MACnB,KAAK,CAAA;AACH,QAAA,2BAAQ,mBAAoB,EAAA,EAAA,CAAA;AAAA,MAC9B,KAAK,CAAA;AACH,QAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,MACrB,KAAK,CAAA;AACH,QAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,MACvB,KAAK,CAAA;AACH,QAAA,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA,MAC1B;AACE,QAAO,OAAA,IAAA;AAAA;AACX,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,SACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,MACzB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,sBACxC,GAAA,CAAA,WAAA,EAAA,EAAY,KAAM,EAAA,WAAA,EAAY,OAAM,OAAQ,EAAA;AAAA,KAC/C,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAe,EAAA,WAAA;AAAA,QACf,QAAA,EAAU,CAAS,KAAA,KAAA,cAAA,CAAe,KAAK,CAAA;AAAA,QACvC,MAAM,IAAK,CAAA,GAAA,CAAI,CAAC,EAAE,KAAA,IAAS,KAAW,MAAA;AAAA,UACpC,EAAA,EAAI,MAAM,QAAS,EAAA;AAAA,UACnB;AAAA,SACA,CAAA;AAAA;AAAA,KACJ;AAAA,oBAEC,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAS,EAAA,IAAA,EAAE,qBAAY,EAAA;AAAA,GAClC,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core/styles';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
@@ -91,44 +91,54 @@ const OnCallSchedulesGrid = ({
   const ilertApi = useApi(ilertApiRef);
   const classes = useStyles();
   if (isLoading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
-  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,
+  return /* @__PURE__ */ jsx(ItemCardGrid, { "data-testid": "docs-explore", children: !onCallSchedules?.length ? null : onCallSchedules.map((schedule, index) => /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
       {
-        shift: schedule.nextShift,
-        scheduleId: schedule.id,
-        refetchOnCallSchedules
+        classes: { content: classes.cardHeader },
+        title: /* @__PURE__ */ jsx(
+          Link,
+          {
+            to: ilertApi.getScheduleDetailsURL(schedule),
+            className: classes.link,
+            children: schedule.name
+          }
+        )
       }
     ),
-    /* @__PURE__ */ React.createElement(Typography, { className: classes.beforeText, variant: "body2" }, "Next on call")
-  ))));
+    /* @__PURE__ */ jsxs(CardContent, { className: classes.cardContent, children: [
+      /* @__PURE__ */ jsx("div", { className: classes.indicatorCurrent }),
+      /* @__PURE__ */ jsx(
+        OnCallShiftItem,
+        {
+          shift: schedule.currentShift,
+          scheduleId: schedule.id,
+          refetchOnCallSchedules
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { className: classes.beforeText, variant: "body2", children: "On call now" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      CardContent,
+      {
+        className: `${classes.cardContent} ${classes.marginBottom}`,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: classes.indicatorNext }),
+          /* @__PURE__ */ jsx(
+            OnCallShiftItem,
+            {
+              shift: schedule.nextShift,
+              scheduleId: schedule.id,
+              refetchOnCallSchedules
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { className: classes.beforeText, variant: "body2", children: "Next on call" })
+        ]
+      }
+    )
+  ] }, index)) });
 };
 
 export { OnCallSchedulesGrid };

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

@@ -1 +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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"}
+{"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 { 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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { AuthenticationError } from '@backstage/errors';
 import { OnCallSchedulesGrid } from './OnCallSchedulesGrid.esm.js';
 import { MissingAuthorizationHeaderError } from '../Errors/MissingAuthorizationHeaderError.esm.js';
@@ -9,18 +9,21 @@ 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__ */ jsx(Content, { children: /* @__PURE__ */ jsx(MissingAuthorizationHeaderError, {}) });
     }
-    return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
+    return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(ResponseErrorPanel, { error }) });
   }
-  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "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
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Content, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title: "Who is on call?", children: /* @__PURE__ */ jsx(SupportButton, { children: "This helps you to bring iLert into your developer portal." }) }),
+    /* @__PURE__ */ jsx(
+      OnCallSchedulesGrid,
+      {
+        onCallSchedules,
+        isLoading,
+        refetchOnCallSchedules
+      }
+    )
+  ] });
 };
 
 export { OnCallSchedulesPage };

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

@@ -1 +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;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;AAAA;AAIJ,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA;AAAA;AAIJ,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;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"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 { 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":";;;;;;;AA0BO,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,CAAC,EAAE,eAAA,EAAiB,SAAW,EAAA,KAAA,IAAS,EAAE,sBAAA,EAAwB,CAAA,GACtE,kBAAmB,EAAA;AAErB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,IAAI,iBAAiB,mBAAqB,EAAA;AACxC,MAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,+BAAA,EAAA,EAAgC,CACnC,EAAA,CAAA;AAAA;AAIJ,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,EAAA,CAAA;AAAA;AAIJ,EAAA,4BACG,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAM,EAAA,iBAAA,EACnB,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,uEAEf,CACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,eAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useApi } from '@backstage/core-plugin-api';
 import Button from '@material-ui/core/Button';
 import Grid from '@material-ui/core/Grid';
@@ -5,7 +6,7 @@ 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 { useState } from 'react';
 import { ilertApiRef } from '../../api/client.esm.js';
 import { ShiftOverrideModal } from '../Shift/ShiftOverrideModal.esm.js';
 
@@ -30,33 +31,40 @@ const OnCallShiftItem = ({
 }) => {
   const classes = useStyles();
   const ilertApi = useApi(ilertApiRef);
-  const [isModalOpened, setIsModalOpened] = React.useState(false);
+  const [isModalOpened, setIsModalOpened] = 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__ */ jsx(Grid, { container: true, spacing: 0, children: /* @__PURE__ */ jsx(Grid, { item: true, sm: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", color: "textSecondary", children: "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
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 0, children: [
+    shift && shift.user ? /* @__PURE__ */ jsx(Grid, { item: true, sm: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", noWrap: true, children: ilertApi.getUserInitials(shift.user) }) }) : null,
+    /* @__PURE__ */ jsx(Grid, { item: true, sm: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "textSecondary", children: `${DateTime.fromISO(shift.start).toFormat("D MMM, HH:mm")} - ${DateTime.fromISO(shift.end).toFormat("D MMM, HH:mm")}` }) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, sm: 12, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: "primary",
+          size: "small",
+          className: classes.button,
+          startIcon: /* @__PURE__ */ jsx(RepeatIcon, {}),
+          onClick: handleOverride,
+          children: /* @__PURE__ */ jsx(Typography, { variant: "overline", children: "Override shift" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ShiftOverrideModal,
+        {
+          scheduleId,
+          shift,
+          refetchOnCallSchedules,
+          isModalOpened,
+          setIsModalOpened
+        }
+      )
+    ] })
+  ] });
 };
 
 export { OnCallShiftItem };

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

@@ -1 +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":";;;;;;;;;;;AA2BA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,MAAQ,EAAA;AAAA,IACN,SAAW,EAAA,CAAA;AAAA,IACX,OAAS,EAAA,CAAA;AAAA,IACT,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA;AAAA,MACR,UAAY,EAAA,GAAA;AAAA,MACZ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA;AACZ;AAEJ,CAAC,CAAA;AAEM,MAAM,kBAAkB,CAAC;AAAA,EAC9B,UAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAIM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAE9D,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,GACvB;AAEA,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,KAAA,CAAM,KAAO,EAAA;AAC1B,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,WAAA,EAAY,OAAM,eAAgB,EAAA,EAAA,QAEtD,CACF,CACF,CAAA;AAAA;AAIJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAS,IAAA,KAAA,CAAM,IACd,mBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAY,MAAM,EAAA,IAAA,EAAA,EACnC,SAAS,eAAgB,CAAA,KAAA,CAAM,IAAI,CACtC,CACF,CAAA,GACE,IACJ,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAY,OAAM,eACnC,EAAA,EAAA,CAAA,EAAGA,QAAG,CAAA,OAAA,CAAQ,KAAM,CAAA,KAAK,CAAE,CAAA,QAAA,CAAS,cAAc,CAAC,CAAA,GAAA,EAAMA,QACvD,CAAA,OAAA,CAAQ,KAAM,CAAA,GAAG,CACjB,CAAA,QAAA,CAAS,cAAc,CAAC,CAAA,CAC7B,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,IAAK,EAAA,OAAA;AAAA,MACL,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,SAAA,sCAAY,UAAW,EAAA,IAAA,CAAA;AAAA,MACvB,OAAS,EAAA;AAAA,KAAA;AAAA,oBAER,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,UAAA,EAAA,EAAW,gBAAc;AAAA,GAE/C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA;AAAA,MACA,sBAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AAAA,GAEJ,CACF,CAAA;AAEJ;;;;"}
+{"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 { useState } 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] = 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

@@ -1,46 +1,50 @@
+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';
 
 const ServiceActionsMenu = ({ service }) => {
   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: `service-actions-menu-${service.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.getServiceDetailsURL(service) }, "View in iLert")))
-  ));
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        id: `service-actions-menu-${service.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.getServiceDetailsURL(service), children: "View in iLert" }) }) }, "details")
+      }
+    )
+  ] });
 };
 
 export { ServiceActionsMenu };

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

@@ -1 +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;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,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;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,qBAAqB,OAAO,CAAA,EAAA,EAAG,eAElD,CACF,CACF;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"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 type { MouseEvent } from 'react';\nimport { useState } 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] = 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={`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":";;;;;;;;;;;AA4BO,MAAM,kBAAqB,GAAA,CAAC,EAAE,OAAA,EAAoC,KAAA;AACvE,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,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,CAAwB,qBAAA,EAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,QACtC,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,kBAAA,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,oBAAqB,CAAA,OAAO,GAAG,QAElD,EAAA,eAAA,EAAA,CAAA,EACF,KALY,SAMd;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Service/ServiceLink.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';
@@ -8,7 +8,10 @@ const ServiceLink = ({ service }) => {
   if (!service) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Link, { to: ilertApi.getServiceDetailsURL(service) }, "#", service.id);
+  return /* @__PURE__ */ jsxs(Link, { to: ilertApi.getServiceDetailsURL(service), children: [
+    "#",
+    service.id
+  ] });
 };
 
 export { ServiceLink };

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

@@ -1 +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;AAEnC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,OAAA,IAAA;AAAA;AAGT,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,QAAA,CAAS,qBAAqB,OAAO,CAAA,EAAA,EAAG,GAAE,EAAA,OAAA,CAAQ,EAAG,CAAA;AACxE;;;;"}
+{"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 { 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":";;;;;AAqBO,MAAM,WAAc,GAAA,CAAC,EAAE,OAAA,EAA2C,KAAA;AACvE,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BAAQ,IAAK,EAAA,EAAA,EAAA,EAAI,QAAS,CAAA,oBAAA,CAAqB,OAAO,CAAG,EAAA,QAAA,EAAA;AAAA,IAAA,GAAA;AAAA,IAAE,OAAQ,CAAA;AAAA,GAAG,EAAA,CAAA;AACxE;;;;"}

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

@@ -1,5 +1,5 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 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';
@@ -11,21 +11,24 @@ const ServicesPage = () => {
   ] = useServices(true);
   if (error) {
     if (error.name === "AuthenticationError") {
-      return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(MissingAuthorizationHeaderError, null));
+      return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(MissingAuthorizationHeaderError, {}) });
     }
-    return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
+    return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(ResponseErrorPanel, { error }) });
   }
-  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "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
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Content, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title: "Services", children: /* @__PURE__ */ jsx(SupportButton, { children: "This helps you to bring iLert into your developer portal." }) }),
+    /* @__PURE__ */ jsx(
+      ServicesTable,
+      {
+        services,
+        tableState,
+        onChangePage,
+        onChangeRowsPerPage,
+        isLoading,
+        setIsLoading
+      }
+    )
+  ] });
 };
 
 export { ServicesPage };

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

@@ -1 +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;AAAA,GACpD,GAAI,YAAY,IAAI,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;AAAA;AAIJ,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA;AAAA;AAIJ,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;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"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 { 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":";;;;;;AAyBO,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;AAAA,GACpD,GAAI,YAAY,IAAI,CAAA;AAEpB,EAAA,IAAI,KAAO,EAAA;AACT,IAAI,IAAA,KAAA,CAAM,SAAS,qBAAuB,EAAA;AACxC,MAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,+BAAA,EAAA,EAAgC,CACnC,EAAA,CAAA;AAAA;AAIJ,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,EAAA,CAAA;AAAA;AAIJ,EAAA,4BACG,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAM,EAAA,UAAA,EACnB,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,uEAEf,CACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA;AAAA,QACA,mBAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}