@backstage-community/plugin-newrelic-dashboard 0.7.1 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-newrelic-dashboard
 
+## 0.9.0
+
+### Minor Changes
+
+- 74a383d: Backstage version bump to v1.39.0
+
+## 0.8.0
+
+### Minor Changes
+
+- 360460d: Backstage version bump to v1.38.1
+
 ## 0.7.1
 
 ### Patch Changes

package/dist/Router.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import { NewRelicDashboard } from './components/NewRelicDashboard/NewRelicDashboard.esm.js';
 import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
@@ -8,17 +8,20 @@ const isNewRelicDashboardAvailable = (entity) => Boolean(entity?.metadata?.annot
 const Router = () => {
   const { entity } = useEntity();
   if (isNewRelicDashboardAvailable(entity)) {
-    return /* @__PURE__ */ React.createElement(NewRelicDashboard, null);
+    return /* @__PURE__ */ jsx(NewRelicDashboard, {});
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, { annotation: NEWRELIC_GUID_ANNOTATION }), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "contained",
-      color: "primary",
-      href: "https://github.com/backstage/backstage/tree/master/plugins/newrelic-dashboard"
-    },
-    "Read New Relic Dashboard Plugin Docs"
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MissingAnnotationEmptyState, { annotation: NEWRELIC_GUID_ANNOTATION }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        href: "https://github.com/backstage/backstage/tree/master/plugins/newrelic-dashboard",
+        children: "Read New Relic Dashboard Plugin Docs"
+      }
+    )
+  ] });
 };
 
 export { Router, isNewRelicDashboardAvailable };

package/dist/Router.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Router.esm.js","sources":["../src/Router.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 { Entity } from '@backstage/catalog-model';\nimport React from 'react';\nimport Button from '@material-ui/core/Button';\nimport { NewRelicDashboard } from './components/NewRelicDashboard';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport { NEWRELIC_GUID_ANNOTATION } from './constants';\n\n/** @public */\nexport const isNewRelicDashboardAvailable = (entity: Entity) =>\n  Boolean(entity?.metadata?.annotations?.[NEWRELIC_GUID_ANNOTATION]);\n\nexport const Router = () => {\n  const { entity } = useEntity();\n\n  if (isNewRelicDashboardAvailable(entity)) {\n    return <NewRelicDashboard />;\n  }\n\n  return (\n    <>\n      <MissingAnnotationEmptyState annotation={NEWRELIC_GUID_ANNOTATION} />\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        href=\"https://github.com/backstage/backstage/tree/master/plugins/newrelic-dashboard\"\n      >\n        Read New Relic Dashboard Plugin Docs\n      </Button>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0Ba,MAAA,4BAAA,GAA+B,CAAC,MAC3C,KAAA,OAAA,CAAQ,QAAQ,QAAU,EAAA,WAAA,GAAc,wBAAwB,CAAC;AAE5D,MAAM,SAAS,MAAM;AAC1B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAI,IAAA,4BAAA,CAA6B,MAAM,CAAG,EAAA;AACxC,IAAA,2CAAQ,iBAAkB,EAAA,IAAA,CAAA;AAAA;AAG5B,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,2BAA4B,EAAA,EAAA,UAAA,EAAY,0BAA0B,CACnE,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,IAAK,EAAA;AAAA,KAAA;AAAA,IACN;AAAA,GAGH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Router.esm.js","sources":["../src/Router.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 { Entity } from '@backstage/catalog-model';\nimport Button from '@material-ui/core/Button';\nimport { NewRelicDashboard } from './components/NewRelicDashboard';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport { NEWRELIC_GUID_ANNOTATION } from './constants';\n\n/** @public */\nexport const isNewRelicDashboardAvailable = (entity: Entity) =>\n  Boolean(entity?.metadata?.annotations?.[NEWRELIC_GUID_ANNOTATION]);\n\nexport const Router = () => {\n  const { entity } = useEntity();\n\n  if (isNewRelicDashboardAvailable(entity)) {\n    return <NewRelicDashboard />;\n  }\n\n  return (\n    <>\n      <MissingAnnotationEmptyState annotation={NEWRELIC_GUID_ANNOTATION} />\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        href=\"https://github.com/backstage/backstage/tree/master/plugins/newrelic-dashboard\"\n      >\n        Read New Relic Dashboard Plugin Docs\n      </Button>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBa,MAAA,4BAAA,GAA+B,CAAC,MAC3C,KAAA,OAAA,CAAQ,QAAQ,QAAU,EAAA,WAAA,GAAc,wBAAwB,CAAC;AAE5D,MAAM,SAAS,MAAM;AAC1B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAI,IAAA,4BAAA,CAA6B,MAAM,CAAG,EAAA;AACxC,IAAA,2BAAQ,iBAAkB,EAAA,EAAA,CAAA;AAAA;AAG5B,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,2BAAA,EAAA,EAA4B,YAAY,wBAA0B,EAAA,CAAA;AAAA,oBACnE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,IAAK,EAAA,+EAAA;AAAA,QACN,QAAA,EAAA;AAAA;AAAA;AAED,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/NewRelicDashboard/DashboardEntityList.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Box from '@material-ui/core/Box';
 import makeStyles from '@material-ui/core/styles/makeStyles';
 import Typography from '@material-ui/core/Typography';
@@ -32,16 +32,23 @@ const DashboardEntityList = () => {
     return dashboardObject;
   }, [entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION]]);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { title: error.name, defaultExpanded: true, error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { title: error.name, defaultExpanded: true, error });
   }
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "New Relic Dashboard Pages", variant: "gridItem" }, value?.getDashboardEntity === void 0 && "Unauthorized Request , please check API Key", value?.getDashboardEntity !== void 0 && value?.getDashboardEntity?.data.actor.entitySearch.results?.entities?.length <= 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, "No Dashboard Pages found with the specified Dashboard GUID"), value?.getDashboardEntity?.data.actor.entitySearch.results.entities?.map(
-    (entityResult, index) => {
-      return /* @__PURE__ */ React.createElement(Box, { style: { margin: "10px" }, display: "flex", key: index }, /* @__PURE__ */ React.createElement(Box, { mr: 1, className: classes.svgIcon }, /* @__PURE__ */ React.createElement(Typography, { component: "div" }, /* @__PURE__ */ React.createElement(DesktopMac, null))), /* @__PURE__ */ React.createElement(Box, { flexGrow: "1" }, /* @__PURE__ */ React.createElement(Link, { to: entityResult.permalink }, entityResult.name)));
-    }
-  ));
+  return /* @__PURE__ */ jsxs(InfoCard, { title: "New Relic Dashboard Pages", variant: "gridItem", children: [
+    value?.getDashboardEntity === void 0 && "Unauthorized Request , please check API Key",
+    value?.getDashboardEntity !== void 0 && value?.getDashboardEntity?.data.actor.entitySearch.results?.entities?.length <= 0 && /* @__PURE__ */ jsx(Fragment, { children: "No Dashboard Pages found with the specified Dashboard GUID" }),
+    value?.getDashboardEntity?.data.actor.entitySearch.results.entities?.map(
+      (entityResult, index) => {
+        return /* @__PURE__ */ jsxs(Box, { style: { margin: "10px" }, display: "flex", children: [
+          /* @__PURE__ */ jsx(Box, { mr: 1, className: classes.svgIcon, children: /* @__PURE__ */ jsx(Typography, { component: "div", children: /* @__PURE__ */ jsx(DesktopMac, {}) }) }),
+          /* @__PURE__ */ jsx(Box, { flexGrow: "1", children: /* @__PURE__ */ jsx(Link, { to: entityResult.permalink, children: entityResult.name }) })
+        ] }, index);
+      }
+    )
+  ] });
 };
 
 export { DashboardEntityList };

package/dist/components/NewRelicDashboard/DashboardEntityList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardEntityList.esm.js","sources":["../../../src/components/NewRelicDashboard/DashboardEntityList.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 Box from '@material-ui/core/Box';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport Typography from '@material-ui/core/Typography';\nimport { newRelicDashboardApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  Progress,\n  InfoCard,\n  Link,\n  ErrorPanel,\n} from '@backstage/core-components';\nimport DesktopMac from '@material-ui/icons/DesktopMac';\nimport { DashboardEntitySummary } from '../../api/NewRelicDashboardApi';\nimport { ResultEntity } from '../../types/DashboardEntity';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { NEWRELIC_GUID_ANNOTATION } from '../../constants';\n\nconst useStyles = makeStyles({\n  svgIcon: {\n    display: 'inline-block',\n    '& svg': {\n      display: 'inline-block',\n      fontSize: 'inherit',\n      verticalAlign: 'baseline',\n    },\n  },\n});\nexport const DashboardEntityList = () => {\n  const { entity } = useEntity();\n  const classes = useStyles();\n  const newRelicDashboardAPI = useApi(newRelicDashboardApiRef);\n  const { value, loading, error } = useAsync(async (): Promise<\n    DashboardEntitySummary | undefined\n  > => {\n    const dashboardObject: Promise<DashboardEntitySummary | undefined> =\n      newRelicDashboardAPI.getDashboardEntity(\n        String(entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION]),\n      );\n    return dashboardObject;\n  }, [entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION]]);\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel title={error.name} defaultExpanded error={error} />;\n  }\n  return (\n    <InfoCard title=\"New Relic Dashboard Pages\" variant=\"gridItem\">\n      {value?.getDashboardEntity === undefined &&\n        'Unauthorized Request , please check API Key'}\n      {value?.getDashboardEntity !== undefined &&\n        value?.getDashboardEntity?.data.actor.entitySearch.results?.entities\n          ?.length <= 0 && (\n          <>No Dashboard Pages found with the specified Dashboard GUID</>\n        )}\n      {value?.getDashboardEntity?.data.actor.entitySearch.results.entities?.map(\n        (entityResult: ResultEntity, index: number) => {\n          return (\n            <Box style={{ margin: '10px' }} display=\"flex\" key={index}>\n              <Box mr={1} className={classes.svgIcon}>\n                <Typography component=\"div\">\n                  <DesktopMac />\n                </Typography>\n              </Box>\n              <Box flexGrow=\"1\">\n                <Link to={entityResult.permalink}>{entityResult.name}</Link>\n              </Box>\n            </Box>\n          );\n        },\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,cAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,cAAA;AAAA,MACT,QAAU,EAAA,SAAA;AAAA,MACV,aAAe,EAAA;AAAA;AACjB;AAEJ,CAAC,CAAA;AACM,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,oBAAA,GAAuB,OAAO,uBAAuB,CAAA;AAC3D,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,SAAS,YAEtC;AACH,IAAA,MAAM,kBACJ,oBAAqB,CAAA,kBAAA;AAAA,MACnB,MAAO,CAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,wBAAwB,CAAC;AAAA,KAChE;AACF,IAAO,OAAA,eAAA;AAAA,KACN,CAAC,MAAA,CAAO,SAAS,WAAc,GAAA,wBAAwB,CAAC,CAAC,CAAA;AAC5D,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA;AAEnB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2CAAQ,UAAW,EAAA,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,eAAA,EAAe,MAAC,KAAc,EAAA,CAAA;AAAA;AAEtE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,2BAAA,EAA4B,OAAQ,EAAA,UAAA,EAAA,EACjD,KAAO,EAAA,kBAAA,KAAuB,KAC7B,CAAA,IAAA,6CAAA,EACD,KAAO,EAAA,kBAAA,KAAuB,UAC7B,KAAO,EAAA,kBAAA,EAAoB,IAAK,CAAA,KAAA,CAAM,YAAa,CAAA,OAAA,EAAS,QACxD,EAAA,MAAA,IAAU,qBACV,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,4DAA0D,CAE/D,EAAA,KAAA,EAAO,kBAAoB,EAAA,IAAA,CAAK,KAAM,CAAA,YAAA,CAAa,QAAQ,QAAU,EAAA,GAAA;AAAA,IACpE,CAAC,cAA4B,KAAkB,KAAA;AAC7C,MAAA,2CACG,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,QAAU,EAAA,OAAA,EAAQ,MAAO,EAAA,GAAA,EAAK,yBACjD,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAI,CAAG,EAAA,SAAA,EAAW,QAAQ,OAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,yBACnB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAW,CACd,CACF,CAAA,sCACC,GAAI,EAAA,EAAA,QAAA,EAAS,GACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,YAAA,CAAa,aAAY,YAAa,CAAA,IAAK,CACvD,CACF,CAAA;AAAA;AAEJ,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DashboardEntityList.esm.js","sources":["../../../src/components/NewRelicDashboard/DashboardEntityList.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 Box from '@material-ui/core/Box';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport Typography from '@material-ui/core/Typography';\nimport { newRelicDashboardApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  Progress,\n  InfoCard,\n  Link,\n  ErrorPanel,\n} from '@backstage/core-components';\nimport DesktopMac from '@material-ui/icons/DesktopMac';\nimport { DashboardEntitySummary } from '../../api/NewRelicDashboardApi';\nimport { ResultEntity } from '../../types/DashboardEntity';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { NEWRELIC_GUID_ANNOTATION } from '../../constants';\n\nconst useStyles = makeStyles({\n  svgIcon: {\n    display: 'inline-block',\n    '& svg': {\n      display: 'inline-block',\n      fontSize: 'inherit',\n      verticalAlign: 'baseline',\n    },\n  },\n});\nexport const DashboardEntityList = () => {\n  const { entity } = useEntity();\n  const classes = useStyles();\n  const newRelicDashboardAPI = useApi(newRelicDashboardApiRef);\n  const { value, loading, error } = useAsync(async (): Promise<\n    DashboardEntitySummary | undefined\n  > => {\n    const dashboardObject: Promise<DashboardEntitySummary | undefined> =\n      newRelicDashboardAPI.getDashboardEntity(\n        String(entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION]),\n      );\n    return dashboardObject;\n  }, [entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION]]);\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel title={error.name} defaultExpanded error={error} />;\n  }\n  return (\n    <InfoCard title=\"New Relic Dashboard Pages\" variant=\"gridItem\">\n      {value?.getDashboardEntity === undefined &&\n        'Unauthorized Request , please check API Key'}\n      {value?.getDashboardEntity !== undefined &&\n        value?.getDashboardEntity?.data.actor.entitySearch.results?.entities\n          ?.length <= 0 && (\n          <>No Dashboard Pages found with the specified Dashboard GUID</>\n        )}\n      {value?.getDashboardEntity?.data.actor.entitySearch.results.entities?.map(\n        (entityResult: ResultEntity, index: number) => {\n          return (\n            <Box style={{ margin: '10px' }} display=\"flex\" key={index}>\n              <Box mr={1} className={classes.svgIcon}>\n                <Typography component=\"div\">\n                  <DesktopMac />\n                </Typography>\n              </Box>\n              <Box flexGrow=\"1\">\n                <Link to={entityResult.permalink}>{entityResult.name}</Link>\n              </Box>\n            </Box>\n          );\n        },\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,cAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,cAAA;AAAA,MACT,QAAU,EAAA,SAAA;AAAA,MACV,aAAe,EAAA;AAAA;AACjB;AAEJ,CAAC,CAAA;AACM,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,oBAAA,GAAuB,OAAO,uBAAuB,CAAA;AAC3D,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,SAAS,YAEtC;AACH,IAAA,MAAM,kBACJ,oBAAqB,CAAA,kBAAA;AAAA,MACnB,MAAO,CAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,wBAAwB,CAAC;AAAA,KAChE;AACF,IAAO,OAAA,eAAA;AAAA,KACN,CAAC,MAAA,CAAO,SAAS,WAAc,GAAA,wBAAwB,CAAC,CAAC,CAAA;AAC5D,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAEnB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2BAAQ,UAAW,EAAA,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,eAAA,EAAe,MAAC,KAAc,EAAA,CAAA;AAAA;AAEtE,EAAA,uBACG,IAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,2BAAA,EAA4B,SAAQ,UACjD,EAAA,QAAA,EAAA;AAAA,IAAA,KAAA,EAAO,uBAAuB,KAC7B,CAAA,IAAA,6CAAA;AAAA,IACD,KAAO,EAAA,kBAAA,KAAuB,KAC7B,CAAA,IAAA,KAAA,EAAO,kBAAoB,EAAA,IAAA,CAAK,KAAM,CAAA,YAAA,CAAa,OAAS,EAAA,QAAA,EACxD,MAAU,IAAA,CAAA,oCACV,QAA0D,EAAA,4DAAA,EAAA,CAAA;AAAA,IAE/D,OAAO,kBAAoB,EAAA,IAAA,CAAK,KAAM,CAAA,YAAA,CAAa,QAAQ,QAAU,EAAA,GAAA;AAAA,MACpE,CAAC,cAA4B,KAAkB,KAAA;AAC7C,QACE,uBAAA,IAAA,CAAC,OAAI,KAAO,EAAA,EAAE,QAAQ,MAAO,EAAA,EAAG,SAAQ,MACtC,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,OAAQ,CAAA,OAAA,EAC7B,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,KAAA,EACpB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,GACd,CACF,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,GAAI,EAAA,EAAA,QAAA,EAAS,GACZ,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,YAAa,CAAA,SAAA,EAAY,QAAa,EAAA,YAAA,CAAA,IAAA,EAAK,CACvD,EAAA;AAAA,SAAA,EAAA,EARkD,KASpD,CAAA;AAAA;AAEJ;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Box from '@material-ui/core/Box';
 import makeStyles from '@material-ui/core/styles/makeStyles';
 import MenuItem from '@material-ui/core/MenuItem';
@@ -43,21 +43,21 @@ const DashboardSnapshot = (props) => {
     return dashboardObject;
   }, [guid, storageSnapshot.value]);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { title: error.name, defaultExpanded: true, error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { title: error.name, defaultExpanded: true, error });
   }
   const url = value?.getDashboardSnapshot?.data?.dashboardCreateSnapshotUrl?.replace(
     /\pdf$/i,
     "png"
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     InfoCard,
     {
       variant: "gridItem",
       title: name,
-      action: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+      action: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
         Select,
         {
           className: classes.cardSelect,
@@ -65,24 +65,26 @@ const DashboardSnapshot = (props) => {
           value: storageSnapshot.value,
           onChange: (event) => {
             setStorageValue(Number(event.target.value));
-          }
-        },
-        /* @__PURE__ */ React.createElement(MenuItem, { value: 36e5 }, "1 Hour"),
-        /* @__PURE__ */ React.createElement(MenuItem, { value: 432e5 }, "12 Hours"),
-        /* @__PURE__ */ React.createElement(MenuItem, { value: 864e5 }, "1 Day"),
-        /* @__PURE__ */ React.createElement(MenuItem, { value: 2592e5 }, "3 Days"),
-        /* @__PURE__ */ React.createElement(MenuItem, { value: 6048e5 }, "1 Week"),
-        /* @__PURE__ */ React.createElement(MenuItem, { value: 2592e6 }, "1 Month")
-      ))
-    },
-    /* @__PURE__ */ React.createElement(Box, { display: "flex" }, /* @__PURE__ */ React.createElement(Box, { flexGrow: "1" }, /* @__PURE__ */ React.createElement(Link, { to: permalink }, url ? /* @__PURE__ */ React.createElement(
-      "img",
-      {
-        alt: `${name} Dashboard`,
-        className: classes.img,
-        src: url
-      }
-    ) : "Dashboard loading... , click here to open if it did not render correctly")))
+          },
+          children: [
+            /* @__PURE__ */ jsx(MenuItem, { value: 36e5, children: "1 Hour" }),
+            /* @__PURE__ */ jsx(MenuItem, { value: 432e5, children: "12 Hours" }),
+            /* @__PURE__ */ jsx(MenuItem, { value: 864e5, children: "1 Day" }),
+            /* @__PURE__ */ jsx(MenuItem, { value: 2592e5, children: "3 Days" }),
+            /* @__PURE__ */ jsx(MenuItem, { value: 6048e5, children: "1 Week" }),
+            /* @__PURE__ */ jsx(MenuItem, { value: 2592e6, children: "1 Month" })
+          ]
+        }
+      ) }),
+      children: /* @__PURE__ */ jsx(Box, { display: "flex", children: /* @__PURE__ */ jsx(Box, { flexGrow: "1", children: /* @__PURE__ */ jsx(Link, { to: permalink, children: url ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          alt: `${name} Dashboard`,
+          className: classes.img,
+          src: url
+        }
+      ) : "Dashboard loading... , click here to open if it did not render correctly" }) }) })
+    }
   );
 };
 

package/dist/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardSnapshot.esm.js","sources":["../../../../src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport Box from '@material-ui/core/Box';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { useApi, storageApiRef } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  InfoCard,\n  Progress,\n  ErrorPanel,\n  Link,\n} from '@backstage/core-components';\nimport { newRelicDashboardApiRef } from '../../../api';\nimport { DashboardSnapshotSummary } from '../../../api/NewRelicDashboardApi';\nimport useObservable from 'react-use/esm/useObservable';\n\nconst useStyles = makeStyles(\n  theme => ({\n    cardSelect: {\n      margin: theme.spacing(2, 1, 0, 0),\n    },\n    img: {\n      width: '100%',\n      height: 'auto',\n      border: `solid 1px ${theme.palette.common.black}`,\n    },\n  }),\n  { name: 'BackstageNewRelicDashboardSnapshot' },\n);\n\n/**\n * @public\n */\nexport const DashboardSnapshot = (props: {\n  guid: string;\n  name: string;\n  permalink: string;\n}) => {\n  const classes = useStyles();\n  const { guid, name, permalink } = props;\n  const newRelicDashboardAPI = useApi(newRelicDashboardApiRef);\n  const storageApi = useApi(storageApiRef).forBucket('newrelic-dashboard');\n  const setStorageValue = (value: number) => {\n    storageApi.set(guid, value);\n  };\n  const storageSnapshot = useObservable(\n    storageApi.observe$<number>(guid),\n    storageApi.snapshot(guid),\n  );\n\n  const { value, loading, error } = useAsync(async (): Promise<\n    DashboardSnapshotSummary | undefined\n  > => {\n    const dashboardObject: Promise<DashboardSnapshotSummary | undefined> =\n      newRelicDashboardAPI.getDashboardSnapshot(\n        guid,\n        storageSnapshot.value || 2592000000,\n      );\n    return dashboardObject;\n  }, [guid, storageSnapshot.value]);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel title={error.name} defaultExpanded error={error} />;\n  }\n\n  const url =\n    value?.getDashboardSnapshot?.data?.dashboardCreateSnapshotUrl?.replace(\n      /\\pdf$/i,\n      'png',\n    );\n\n  return (\n    <InfoCard\n      variant=\"gridItem\"\n      title={name}\n      action={\n        <div>\n          <Select\n            className={classes.cardSelect}\n            defaultValue={2592000000}\n            value={storageSnapshot.value}\n            onChange={event => {\n              setStorageValue(Number(event.target.value));\n            }}\n          >\n            <MenuItem value={3600000}>1 Hour</MenuItem>\n            <MenuItem value={43200000}>12 Hours</MenuItem>\n            <MenuItem value={86400000}>1 Day</MenuItem>\n            <MenuItem value={259200000}>3 Days</MenuItem>\n            <MenuItem value={604800000}>1 Week</MenuItem>\n            <MenuItem value={2592000000}>1 Month</MenuItem>\n          </Select>\n        </div>\n      }\n    >\n      <Box display=\"flex\">\n        <Box flexGrow=\"1\">\n          <Link to={permalink}>\n            {url ? (\n              <img\n                alt={`${name} Dashboard`}\n                className={classes.img}\n                src={url}\n              />\n            ) : (\n              'Dashboard loading... , click here to open if it did not render correctly'\n            )}\n          </Link>\n        </Box>\n      </Box>\n    </InfoCard>\n  );\n};\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"DashboardSnapshot.esm.js","sources":["../../../../src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshot.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { useApi, storageApiRef } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  InfoCard,\n  Progress,\n  ErrorPanel,\n  Link,\n} from '@backstage/core-components';\nimport { newRelicDashboardApiRef } from '../../../api';\nimport { DashboardSnapshotSummary } from '../../../api/NewRelicDashboardApi';\nimport useObservable from 'react-use/esm/useObservable';\n\nconst useStyles = makeStyles(\n  theme => ({\n    cardSelect: {\n      margin: theme.spacing(2, 1, 0, 0),\n    },\n    img: {\n      width: '100%',\n      height: 'auto',\n      border: `solid 1px ${theme.palette.common.black}`,\n    },\n  }),\n  { name: 'BackstageNewRelicDashboardSnapshot' },\n);\n\n/**\n * @public\n */\nexport const DashboardSnapshot = (props: {\n  guid: string;\n  name: string;\n  permalink: string;\n}) => {\n  const classes = useStyles();\n  const { guid, name, permalink } = props;\n  const newRelicDashboardAPI = useApi(newRelicDashboardApiRef);\n  const storageApi = useApi(storageApiRef).forBucket('newrelic-dashboard');\n  const setStorageValue = (value: number) => {\n    storageApi.set(guid, value);\n  };\n  const storageSnapshot = useObservable(\n    storageApi.observe$<number>(guid),\n    storageApi.snapshot(guid),\n  );\n\n  const { value, loading, error } = useAsync(async (): Promise<\n    DashboardSnapshotSummary | undefined\n  > => {\n    const dashboardObject: Promise<DashboardSnapshotSummary | undefined> =\n      newRelicDashboardAPI.getDashboardSnapshot(\n        guid,\n        storageSnapshot.value || 2592000000,\n      );\n    return dashboardObject;\n  }, [guid, storageSnapshot.value]);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel title={error.name} defaultExpanded error={error} />;\n  }\n\n  const url =\n    value?.getDashboardSnapshot?.data?.dashboardCreateSnapshotUrl?.replace(\n      /\\pdf$/i,\n      'png',\n    );\n\n  return (\n    <InfoCard\n      variant=\"gridItem\"\n      title={name}\n      action={\n        <div>\n          <Select\n            className={classes.cardSelect}\n            defaultValue={2592000000}\n            value={storageSnapshot.value}\n            onChange={event => {\n              setStorageValue(Number(event.target.value));\n            }}\n          >\n            <MenuItem value={3600000}>1 Hour</MenuItem>\n            <MenuItem value={43200000}>12 Hours</MenuItem>\n            <MenuItem value={86400000}>1 Day</MenuItem>\n            <MenuItem value={259200000}>3 Days</MenuItem>\n            <MenuItem value={604800000}>1 Week</MenuItem>\n            <MenuItem value={2592000000}>1 Month</MenuItem>\n          </Select>\n        </div>\n      }\n    >\n      <Box display=\"flex\">\n        <Box flexGrow=\"1\">\n          <Link to={permalink}>\n            {url ? (\n              <img\n                alt={`${name} Dashboard`}\n                className={classes.img}\n                src={url}\n              />\n            ) : (\n              'Dashboard loading... , click here to open if it did not render correctly'\n            )}\n          </Link>\n        </Box>\n      </Box>\n    </InfoCard>\n  );\n};\n"],"names":["value"],"mappings":";;;;;;;;;;;;AAgCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,UAAY,EAAA;AAAA,MACV,QAAQ,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC;AAAA,KAClC;AAAA,IACA,GAAK,EAAA;AAAA,MACH,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,KAAK,CAAA;AAAA;AACjD,GACF,CAAA;AAAA,EACA,EAAE,MAAM,oCAAqC;AAC/C,CAAA;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAM,IAAM,EAAA,SAAA,EAAc,GAAA,KAAA;AAClC,EAAM,MAAA,oBAAA,GAAuB,OAAO,uBAAuB,CAAA;AAC3D,EAAA,MAAM,UAAa,GAAA,MAAA,CAAO,aAAa,CAAA,CAAE,UAAU,oBAAoB,CAAA;AACvE,EAAM,MAAA,eAAA,GAAkB,CAACA,MAAkB,KAAA;AACzC,IAAW,UAAA,CAAA,GAAA,CAAI,MAAMA,MAAK,CAAA;AAAA,GAC5B;AACA,EAAA,MAAM,eAAkB,GAAA,aAAA;AAAA,IACtB,UAAA,CAAW,SAAiB,IAAI,CAAA;AAAA,IAChC,UAAA,CAAW,SAAS,IAAI;AAAA,GAC1B;AAEA,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,SAAS,YAEtC;AACH,IAAA,MAAM,kBACJ,oBAAqB,CAAA,oBAAA;AAAA,MACnB,IAAA;AAAA,MACA,gBAAgB,KAAS,IAAA;AAAA,KAC3B;AACF,IAAO,OAAA,eAAA;AAAA,GACN,EAAA,CAAC,IAAM,EAAA,eAAA,CAAgB,KAAK,CAAC,CAAA;AAEhC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAEnB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2BAAQ,UAAW,EAAA,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,eAAA,EAAe,MAAC,KAAc,EAAA,CAAA;AAAA;AAGtE,EAAA,MAAM,GACJ,GAAA,KAAA,EAAO,oBAAsB,EAAA,IAAA,EAAM,0BAA4B,EAAA,OAAA;AAAA,IAC7D,QAAA;AAAA,IACA;AAAA,GACF;AAEF,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAO,EAAA,IAAA;AAAA,MACP,MAAA,sBACG,KACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAQ,CAAA,UAAA;AAAA,UACnB,YAAc,EAAA,MAAA;AAAA,UACd,OAAO,eAAgB,CAAA,KAAA;AAAA,UACvB,UAAU,CAAS,KAAA,KAAA;AACjB,YAAA,eAAA,CAAgB,MAAO,CAAA,KAAA,CAAM,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA,WAC5C;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,IAAA,EAAS,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,4BAC/B,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,KAAA,EAAU,QAAQ,EAAA,UAAA,EAAA,CAAA;AAAA,4BAClC,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,KAAA,EAAU,QAAK,EAAA,OAAA,EAAA,CAAA;AAAA,4BAC/B,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,MAAA,EAAW,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,4BACjC,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,MAAA,EAAW,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,4BACjC,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,MAAA,EAAY,QAAO,EAAA,SAAA,EAAA;AAAA;AAAA;AAAA,OAExC,EAAA,CAAA;AAAA,MAGF,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EACX,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,QAAS,EAAA,GAAA,EACZ,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,SAAA,EACP,QACC,EAAA,GAAA,mBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,GAAG,IAAI,CAAA,UAAA,CAAA;AAAA,UACZ,WAAW,OAAQ,CAAA,GAAA;AAAA,UACnB,GAAK,EAAA;AAAA;AAAA,OACP,GAEA,0EAEJ,EAAA,CAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
 import Tab from '@material-ui/core/Tab';
 import Tabs from '@material-ui/core/Tabs';
 import makeStyles from '@material-ui/core/styles/makeStyles';
@@ -21,7 +22,7 @@ const tabPanelStyles = makeStyles(
 function TabPanel(props) {
   const { children, value1, index, ...other } = props;
   const classes = tabPanelStyles(tabPanelStyles);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: classes.tabPanel,
@@ -29,9 +30,9 @@ function TabPanel(props) {
       hidden: value1 !== index,
       id: `simple-tabpanel-${index}`,
       "aria-labelledby": `simple-tab-${index}`,
-      ...other
-    },
-    children
+      ...other,
+      children
+    }
   );
 }
 function a11yProps(index) {
@@ -79,51 +80,54 @@ const DashboardSnapshotList = (props) => {
     setValue1(newValue);
   };
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { title: error.name, defaultExpanded: true, error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { title: error.name, defaultExpanded: true, error });
   }
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-    Tabs,
-    {
-      selectionFollowsFocus: true,
-      indicatorColor: "primary",
-      textColor: "inherit",
-      variant: "scrollable",
-      scrollButtons: "auto",
-      "aria-label": "scrollable auto tabs example",
-      onChange: handleChange,
-      value: value1
-    },
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        selectionFollowsFocus: true,
+        indicatorColor: "primary",
+        textColor: "inherit",
+        variant: "scrollable",
+        scrollButtons: "auto",
+        "aria-label": "scrollable auto tabs example",
+        onChange: handleChange,
+        value: value1,
+        children: value?.getDashboardEntity?.data?.actor.entitySearch.results.entities?.map(
+          (Entity, index) => {
+            return /* @__PURE__ */ jsx(
+              Tab,
+              {
+                label: Entity.name,
+                className: styles.defaultTab,
+                classes: {
+                  selected: styles.selected,
+                  root: styles.tabRoot
+                },
+                ...a11yProps(index)
+              }
+            );
+          }
+        )
+      }
+    ),
     value?.getDashboardEntity?.data?.actor.entitySearch.results.entities?.map(
       (Entity, index) => {
-        return /* @__PURE__ */ React.createElement(
-          Tab,
+        return /* @__PURE__ */ jsx(TabPanel, { value1, index, children: /* @__PURE__ */ jsx(
+          DashboardSnapshot,
           {
-            label: Entity.name,
-            className: styles.defaultTab,
-            classes: {
-              selected: styles.selected,
-              root: styles.tabRoot
-            },
-            ...a11yProps(index)
+            name: Entity.name,
+            permalink: Entity.permalink,
+            guid: Entity.guid
           }
-        );
+        ) });
       }
     )
-  ), value?.getDashboardEntity?.data?.actor.entitySearch.results.entities?.map(
-    (Entity, index) => {
-      return /* @__PURE__ */ React.createElement(TabPanel, { value1, index }, /* @__PURE__ */ React.createElement(
-        DashboardSnapshot,
-        {
-          name: Entity.name,
-          permalink: Entity.permalink,
-          guid: Entity.guid
-        }
-      ));
-    }
-  ));
+  ] });
 };
 
 export { DashboardSnapshotList };

package/dist/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardSnapshotList.esm.js","sources":["../../../../src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.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, { useState } from 'react';\nimport Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport Box from '@material-ui/core/Box';\nimport { newRelicDashboardApiRef } from '../../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Progress, ErrorPanel } from '@backstage/core-components';\nimport { DashboardSnapshot } from './DashboardSnapshot';\nimport { DashboardEntitySummary } from '../../../api/NewRelicDashboardApi';\nimport { ResultEntity } from '../../../types/DashboardEntity';\n\ninterface TabPanelProps {\n  children?: React.ReactNode;\n  index: number;\n  value1: number;\n}\n\nconst tabPanelStyles = makeStyles(\n  theme => ({\n    tabPanel: {\n      marginTop: theme.spacing(0.5),\n    },\n  }),\n  { name: 'BackstageNewRelicDashboardTabPanel' },\n);\n\nfunction TabPanel(props: TabPanelProps) {\n  const { children, value1, index, ...other } = props;\n  const classes = tabPanelStyles(tabPanelStyles);\n\n  return (\n    <div\n      className={classes.tabPanel}\n      role=\"tabpanel\"\n      hidden={value1 !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction a11yProps(index: number) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    tabsWrapper: {\n      gridArea: 'pageSubheader',\n      backgroundColor: theme.palette.background.paper,\n      paddingLeft: theme.spacing(3),\n    },\n    defaultTab: {\n      padding: theme.spacing(3, 3),\n      ...theme.typography.caption,\n      textTransform: 'uppercase',\n      fontWeight: 'bold',\n      color: theme.palette.text.secondary,\n    },\n    selected: {\n      color: theme.palette.text.primary,\n    },\n    tabRoot: {\n      '&:hover': {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n    },\n  }),\n  { name: 'DashboardHeaderTabs' },\n);\n\nexport const DashboardSnapshotList = (props: { guid: string }) => {\n  const { guid } = props;\n  const styles = useStyles();\n  const newRelicDashboardAPI = useApi(newRelicDashboardApiRef);\n  const { value, loading, error } = useAsync(async (): Promise<\n    DashboardEntitySummary | undefined\n  > => {\n    const dashboardObject: Promise<DashboardEntitySummary | undefined> =\n      newRelicDashboardAPI.getDashboardEntity(guid);\n    return dashboardObject;\n  }, [guid]);\n  const [value1, setValue1] = useState<number>(0);\n  const handleChange = ({}: React.ChangeEvent<{}>, newValue: number) => {\n    setValue1(newValue);\n  };\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel title={error.name} defaultExpanded error={error} />;\n  }\n  return (\n    <Box>\n      <Tabs\n        selectionFollowsFocus\n        indicatorColor=\"primary\"\n        textColor=\"inherit\"\n        variant=\"scrollable\"\n        scrollButtons=\"auto\"\n        aria-label=\"scrollable auto tabs example\"\n        onChange={handleChange}\n        value={value1}\n      >\n        {value?.getDashboardEntity?.data?.actor.entitySearch.results.entities?.map(\n          (Entity: ResultEntity, index: number) => {\n            return (\n              <Tab\n                label={Entity.name}\n                className={styles.defaultTab}\n                classes={{\n                  selected: styles.selected,\n                  root: styles.tabRoot,\n                }}\n                {...a11yProps(index)}\n              />\n            );\n          },\n        )}\n      </Tabs>\n      {value?.getDashboardEntity?.data?.actor.entitySearch.results.entities?.map(\n        (Entity: ResultEntity, index: number) => {\n          return (\n            <TabPanel value1={value1} index={index}>\n              <DashboardSnapshot\n                name={Entity.name}\n                permalink={Entity.permalink}\n                guid={Entity.guid}\n              />\n            </TabPanel>\n          );\n        },\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashboardSnapshotList.esm.js","sources":["../../../../src/components/NewRelicDashboard/DashboardSnapshotList/DashboardSnapshotList.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 type { ReactNode, ChangeEvent } from 'react';\n\nimport { useState } from 'react';\nimport Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport Box from '@material-ui/core/Box';\nimport { newRelicDashboardApiRef } from '../../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Progress, ErrorPanel } from '@backstage/core-components';\nimport { DashboardSnapshot } from './DashboardSnapshot';\nimport { DashboardEntitySummary } from '../../../api/NewRelicDashboardApi';\nimport { ResultEntity } from '../../../types/DashboardEntity';\n\ninterface TabPanelProps {\n  children?: ReactNode;\n  index: number;\n  value1: number;\n}\n\nconst tabPanelStyles = makeStyles(\n  theme => ({\n    tabPanel: {\n      marginTop: theme.spacing(0.5),\n    },\n  }),\n  { name: 'BackstageNewRelicDashboardTabPanel' },\n);\n\nfunction TabPanel(props: TabPanelProps) {\n  const { children, value1, index, ...other } = props;\n  const classes = tabPanelStyles(tabPanelStyles);\n\n  return (\n    <div\n      className={classes.tabPanel}\n      role=\"tabpanel\"\n      hidden={value1 !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction a11yProps(index: number) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    tabsWrapper: {\n      gridArea: 'pageSubheader',\n      backgroundColor: theme.palette.background.paper,\n      paddingLeft: theme.spacing(3),\n    },\n    defaultTab: {\n      padding: theme.spacing(3, 3),\n      ...theme.typography.caption,\n      textTransform: 'uppercase',\n      fontWeight: 'bold',\n      color: theme.palette.text.secondary,\n    },\n    selected: {\n      color: theme.palette.text.primary,\n    },\n    tabRoot: {\n      '&:hover': {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n    },\n  }),\n  { name: 'DashboardHeaderTabs' },\n);\n\nexport const DashboardSnapshotList = (props: { guid: string }) => {\n  const { guid } = props;\n  const styles = useStyles();\n  const newRelicDashboardAPI = useApi(newRelicDashboardApiRef);\n  const { value, loading, error } = useAsync(async (): Promise<\n    DashboardEntitySummary | undefined\n  > => {\n    const dashboardObject: Promise<DashboardEntitySummary | undefined> =\n      newRelicDashboardAPI.getDashboardEntity(guid);\n    return dashboardObject;\n  }, [guid]);\n  const [value1, setValue1] = useState<number>(0);\n  const handleChange = ({}: ChangeEvent<{}>, newValue: number) => {\n    setValue1(newValue);\n  };\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel title={error.name} defaultExpanded error={error} />;\n  }\n  return (\n    <Box>\n      <Tabs\n        selectionFollowsFocus\n        indicatorColor=\"primary\"\n        textColor=\"inherit\"\n        variant=\"scrollable\"\n        scrollButtons=\"auto\"\n        aria-label=\"scrollable auto tabs example\"\n        onChange={handleChange}\n        value={value1}\n      >\n        {value?.getDashboardEntity?.data?.actor.entitySearch.results.entities?.map(\n          (Entity: ResultEntity, index: number) => {\n            return (\n              <Tab\n                label={Entity.name}\n                className={styles.defaultTab}\n                classes={{\n                  selected: styles.selected,\n                  root: styles.tabRoot,\n                }}\n                {...a11yProps(index)}\n              />\n            );\n          },\n        )}\n      </Tabs>\n      {value?.getDashboardEntity?.data?.actor.entitySearch.results.entities?.map(\n        (Entity: ResultEntity, index: number) => {\n          return (\n            <TabPanel value1={value1} index={index}>\n              <DashboardSnapshot\n                name={Entity.name}\n                permalink={Entity.permalink}\n                guid={Entity.guid}\n              />\n            </TabPanel>\n          );\n        },\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/NewRelicDashboard/NewRelicDashboard.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import { Page, Content } from '@backstage/core-components';
 import { DashboardEntityList } from './DashboardEntityList.esm.js';
@@ -9,14 +9,17 @@ import { NEWRELIC_GUID_ANNOTATION } from '../../constants.esm.js';
 
 const NewRelicDashboard = () => {
   const { entity } = useEntity();
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 6, direction: "row", alignItems: "stretch" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(DashboardEntityList, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    DashboardSnapshotList,
-    {
-      guid: String(
-        entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION]
-      )
-    }
-  )))));
+  return /* @__PURE__ */ jsx(Page, { themeId: "home", children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 6, direction: "row", alignItems: "stretch", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(DashboardEntityList, {}) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      DashboardSnapshotList,
+      {
+        guid: String(
+          entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION]
+        )
+      }
+    ) })
+  ] }) }) });
 };
 
 export { NewRelicDashboard };

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

@@ -1 +1 @@
-{"version":3,"file":"NewRelicDashboard.esm.js","sources":["../../../src/components/NewRelicDashboard/NewRelicDashboard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { Page, Content } from '@backstage/core-components';\nimport { DashboardEntityList } from './DashboardEntityList';\nimport { DashboardSnapshotList } from './DashboardSnapshotList';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { NEWRELIC_GUID_ANNOTATION } from '../../constants';\n\nexport const NewRelicDashboard = () => {\n  const { entity } = useEntity();\n  return (\n    <Page themeId=\"home\">\n      <Content>\n        <Grid container spacing={6} direction=\"row\" alignItems=\"stretch\">\n          <Grid item xs={12}>\n            <DashboardEntityList />\n          </Grid>\n          <Grid item xs={12}>\n            <DashboardSnapshotList\n              guid={String(\n                entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION],\n              )}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAuBO,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EAAA,kBACX,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,WAAU,KAAM,EAAA,UAAA,EAAW,SACrD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAoB,CACvB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,MAAA;AAAA,QACJ,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,wBAAwB;AAAA;AACxD;AAAA,GAEJ,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NewRelicDashboard.esm.js","sources":["../../../src/components/NewRelicDashboard/NewRelicDashboard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Grid from '@material-ui/core/Grid';\nimport { Page, Content } from '@backstage/core-components';\nimport { DashboardEntityList } from './DashboardEntityList';\nimport { DashboardSnapshotList } from './DashboardSnapshotList';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { NEWRELIC_GUID_ANNOTATION } from '../../constants';\n\nexport const NewRelicDashboard = () => {\n  const { entity } = useEntity();\n  return (\n    <Page themeId=\"home\">\n      <Content>\n        <Grid container spacing={6} direction=\"row\" alignItems=\"stretch\">\n          <Grid item xs={12}>\n            <DashboardEntityList />\n          </Grid>\n          <Grid item xs={12}>\n            <DashboardSnapshotList\n              guid={String(\n                entity.metadata.annotations?.[NEWRELIC_GUID_ANNOTATION],\n              )}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAsBO,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EACZ,8BAAC,OACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,SAAU,EAAA,KAAA,EAAM,YAAW,SACrD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAoB,CACvB,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,MAAA;AAAA,UACJ,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,wBAAwB;AAAA;AACxD;AAAA,KAEJ,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { Entity } from '@backstage/catalog-model';
 
@@ -8,9 +7,9 @@ declare const newRelicDashboardPlugin: _backstage_core_plugin_api.BackstagePlugi
     root: _backstage_core_plugin_api.RouteRef<undefined>;
 }, {}, {}>;
 /** @public */
-declare const EntityNewRelicDashboardContent: () => react.JSX.Element;
+declare const EntityNewRelicDashboardContent: () => react_jsx_runtime.JSX.Element;
 /** @public */
-declare const EntityNewRelicDashboardCard: () => react.JSX.Element;
+declare const EntityNewRelicDashboardCard: () => react_jsx_runtime.JSX.Element;
 /**
  * Render dashboard snapshots from Newrelic in backstage. Use dashboards which have the tag `isDashboardPage: true`
  *
@@ -23,7 +22,7 @@ declare const DashboardSnapshot: (props: {
     guid: string;
     name: string;
     permalink: string;
-}) => react.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 /**
  * Render dashboard snapshots from Newrelic in backstage. Use dashboards which have the tag `isDashboardPage: true`
  *
@@ -36,7 +35,7 @@ declare const DashboardSnapshotComponent: (props: {
     guid: string;
     name: string;
     permalink: string;
-}) => react.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 /**
  * Render a dashboard snapshots list from Newrelic in backstage. Use dashboards which have the tag `isDashboardPage: true`
  *
@@ -47,7 +46,7 @@ declare const DashboardSnapshotComponent: (props: {
  */
 declare const DashboardSnapshotList: (props: {
     guid: string;
-}) => react.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 declare const isNewRelicDashboardAvailable: (entity: Entity) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-newrelic-dashboard",
-  "version": "0.7.1",
+  "version": "0.9.0",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "newrelic-dashboard",
@@ -36,20 +36,20 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-components": "^0.17.0",
-    "@backstage/core-plugin-api": "^1.10.5",
+    "@backstage/catalog-model": "^1.7.4",
+    "@backstage/core-components": "^0.17.2",
+    "@backstage/core-plugin-api": "^1.10.7",
     "@backstage/errors": "^1.2.7",
-    "@backstage/plugin-catalog-react": "^1.16.0",
+    "@backstage/plugin-catalog-react": "^1.18.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.31.0",
-    "@backstage/dev-utils": "^1.1.8",
-    "@backstage/test-utils": "^1.7.6",
+    "@backstage/cli": "^0.32.1",
+    "@backstage/dev-utils": "^1.1.10",
+    "@backstage/test-utils": "^1.7.8",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -63,5 +63,12 @@
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }