@backstage/plugin-catalog-unprocessed-entities 0.2.16-next.1 → 0.2.16-next.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @backstage/plugin-catalog-unprocessed-entities
 
+## 0.2.16-next.2
+
+### Patch Changes
+
+- a47fd39: Removes instances of default React imports, a necessary update for the upcoming React 19 migration.
+
+  <https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html>
+
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.10.1-next.1
+  - @backstage/core-compat-api@0.4.1-next.2
+  - @backstage/core-components@0.17.1-next.1
+  - @backstage/core-plugin-api@1.10.6-next.0
+  - @backstage/catalog-model@1.7.3
+  - @backstage/errors@1.2.7
+
 ## 0.2.16-next.1
 
 ### Patch Changes

package/dist/alpha/plugin.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { ApiBlueprint, createApiFactory, discoveryApiRef, fetchApiRef, PageBlueprint, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { catalogUnprocessedEntitiesApiRef, CatalogUnprocessedEntitiesClient } from '../api/index.esm.js';
 import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
@@ -22,7 +22,7 @@ const catalogUnprocessedEntitiesPage = PageBlueprint.make({
     defaultPath: "/catalog-unprocessed-entities",
     routeRef: convertLegacyRouteRef(rootRouteRef),
     loader: () => import('../components/UnprocessedEntities.esm.js').then(
-      (m) => compatWrapper(/* @__PURE__ */ React.createElement(m.UnprocessedEntities, null))
+      (m) => compatWrapper(/* @__PURE__ */ jsx(m.UnprocessedEntities, {}))
     )
   }
 });

package/dist/alpha/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {\n  createApiFactory,\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  ApiBlueprint,\n  PageBlueprint,\n  NavItemBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  catalogUnprocessedEntitiesApiRef,\n  CatalogUnprocessedEntitiesClient,\n} from '../api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport QueueIcon from '@material-ui/icons/Queue';\nimport { rootRouteRef } from '../routes';\n\n/** @alpha */\nexport const catalogUnprocessedEntitiesApi = ApiBlueprint.make({\n  params: {\n    factory: createApiFactory({\n      api: catalogUnprocessedEntitiesApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new CatalogUnprocessedEntitiesClient(discoveryApi, fetchApi),\n    }),\n  },\n});\n\n/** @alpha */\nexport const catalogUnprocessedEntitiesPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/catalog-unprocessed-entities',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('../components/UnprocessedEntities').then(m =>\n        compatWrapper(<m.UnprocessedEntities />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const catalogUnprocessedEntitiesNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'Unprocessed Entities',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    icon: QueueIcon,\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  id: 'catalog-unprocessed-entities',\n  routes: {\n    root: convertLegacyRouteRef(rootRouteRef),\n  },\n  extensions: [\n    catalogUnprocessedEntitiesApi,\n    catalogUnprocessedEntitiesPage,\n    catalogUnprocessedEntitiesNavItem,\n  ],\n});\n"],"names":[],"mappings":";;;;;;;AAuCa,MAAA,6BAAA,GAAgC,aAAa,IAAK,CAAA;AAAA,EAC7D,MAAQ,EAAA;AAAA,IACN,SAAS,gBAAiB,CAAA;AAAA,MACxB,GAAK,EAAA,gCAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,UACxB,KAAA,IAAI,gCAAiC,CAAA,YAAA,EAAc,QAAQ;AAAA,KAC9D;AAAA;AAEL,CAAC;AAGY,MAAA,8BAAA,GAAiC,cAAc,IAAK,CAAA;AAAA,EAC/D,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,+BAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,0CAAmC,CAAE,CAAA,IAAA;AAAA,MAAK,OAC/C,aAAc,iBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,mBAAA,EAAF,IAAsB,CAAE;AAAA;AACzC;AAEN,CAAC;AAGY,MAAA,iCAAA,GAAoC,iBAAiB,IAAK,CAAA;AAAA,EACrE,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,sBAAA;AAAA,IACP,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,IAAM,EAAA;AAAA;AAEV,CAAC;AAGD,aAAe,oBAAqB,CAAA;AAAA,EAClC,EAAI,EAAA,8BAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,sBAAsB,YAAY;AAAA,GAC1C;AAAA,EACA,UAAY,EAAA;AAAA,IACV,6BAAA;AAAA,IACA,8BAAA;AAAA,IACA;AAAA;AAEJ,CAAC,CAAA;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 {\n  createApiFactory,\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  ApiBlueprint,\n  PageBlueprint,\n  NavItemBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  catalogUnprocessedEntitiesApiRef,\n  CatalogUnprocessedEntitiesClient,\n} from '../api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport QueueIcon from '@material-ui/icons/Queue';\nimport { rootRouteRef } from '../routes';\n\n/** @alpha */\nexport const catalogUnprocessedEntitiesApi = ApiBlueprint.make({\n  params: {\n    factory: createApiFactory({\n      api: catalogUnprocessedEntitiesApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new CatalogUnprocessedEntitiesClient(discoveryApi, fetchApi),\n    }),\n  },\n});\n\n/** @alpha */\nexport const catalogUnprocessedEntitiesPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/catalog-unprocessed-entities',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('../components/UnprocessedEntities').then(m =>\n        compatWrapper(<m.UnprocessedEntities />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const catalogUnprocessedEntitiesNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'Unprocessed Entities',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    icon: QueueIcon,\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  id: 'catalog-unprocessed-entities',\n  routes: {\n    root: convertLegacyRouteRef(rootRouteRef),\n  },\n  extensions: [\n    catalogUnprocessedEntitiesApi,\n    catalogUnprocessedEntitiesPage,\n    catalogUnprocessedEntitiesNavItem,\n  ],\n});\n"],"names":[],"mappings":";;;;;;;AAsCa,MAAA,6BAAA,GAAgC,aAAa,IAAK,CAAA;AAAA,EAC7D,MAAQ,EAAA;AAAA,IACN,SAAS,gBAAiB,CAAA;AAAA,MACxB,GAAK,EAAA,gCAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,UACxB,KAAA,IAAI,gCAAiC,CAAA,YAAA,EAAc,QAAQ;AAAA,KAC9D;AAAA;AAEL,CAAC;AAGY,MAAA,8BAAA,GAAiC,cAAc,IAAK,CAAA;AAAA,EAC/D,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,+BAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,0CAAmC,CAAE,CAAA,IAAA;AAAA,MAAK,OAC/C,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,mBAAA,EAAF,EAAsB,CAAE;AAAA;AACzC;AAEN,CAAC;AAGY,MAAA,iCAAA,GAAoC,iBAAiB,IAAK,CAAA;AAAA,EACrE,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,sBAAA;AAAA,IACP,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,IAAM,EAAA;AAAA;AAEV,CAAC;AAGD,aAAe,oBAAqB,CAAA;AAAA,EAClC,EAAI,EAAA,8BAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,sBAAsB,YAAY;AAAA,GAC1C;AAAA,EACA,UAAY,EAAA;AAAA,IACV,6BAAA;AAAA,IACA,8BAAA;AAAA,IACA;AAAA;AAEJ,CAAC,CAAA;;;;"}

package/dist/alpha.d.ts

@@ -1,6 +1,6 @@
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as react from 'react';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
-import React__default from 'react';
 
 /** @alpha */
 declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{
@@ -43,7 +43,7 @@ declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{
         configInput: {
             path?: string | undefined;
         };
-        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React__default.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
             optional: true;
         }>;
         inputs: {};

package/dist/components/DeleteEntityConfirmationDialog.esm.js

@@ -1,8 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
 import DialogTitle from '@material-ui/core/DialogTitle';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { assertError } from '@backstage/errors';
 
 function DeleteEntityConfirmationDialog(props) {
@@ -18,16 +19,22 @@ function DeleteEntityConfirmationDialog(props) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ React.createElement(Dialog, { open, onClose }, /* @__PURE__ */ React.createElement(DialogTitle, { id: "responsive-dialog-title" }, "Are you sure you want to delete this entity?"), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "contained",
-      color: "secondary",
-      disabled: busy,
-      onClick: onDelete
-    },
-    "Delete"
-  ), /* @__PURE__ */ React.createElement(Button, { onClick: onClose, color: "primary" }, "Cancel")));
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { id: "responsive-dialog-title", children: "Are you sure you want to delete this entity?" }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          color: "secondary",
+          disabled: busy,
+          onClick: onDelete,
+          children: "Delete"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { onClick: onClose, color: "primary", children: "Cancel" })
+    ] })
+  ] });
 }
 
 export { DeleteEntityConfirmationDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteEntityConfirmationDialog.esm.js","sources":["../../src/components/DeleteEntityConfirmationDialog.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 Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport React, { useState } from 'react';\nimport { assertError } from '@backstage/errors';\n\ninterface DeleteEntityConfirmationProps {\n  open: boolean;\n  onClose: () => any;\n  onConfirm: () => any;\n}\n\nexport function DeleteEntityConfirmationDialog(\n  props: DeleteEntityConfirmationProps,\n) {\n  const { open, onClose, onConfirm } = props;\n  const [busy, setBusy] = useState(false);\n  const onDelete = async () => {\n    setBusy(true);\n    try {\n      onConfirm();\n    } catch (err) {\n      assertError(err);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Dialog open={open} onClose={onClose}>\n      <DialogTitle id=\"responsive-dialog-title\">\n        Are you sure you want to delete this entity?\n      </DialogTitle>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          color=\"secondary\"\n          disabled={busy}\n          onClick={onDelete}\n        >\n          Delete\n        </Button>\n        <Button onClick={onClose} color=\"primary\">\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA6BO,SAAS,+BACd,KACA,EAAA;AACA,EAAA,MAAM,EAAE,IAAA,EAAM,OAAS,EAAA,SAAA,EAAc,GAAA,KAAA;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,WAAW,YAAY;AAC3B,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAI,IAAA;AACF,MAAU,SAAA,EAAA;AAAA,aACH,GAAK,EAAA;AACZ,MAAA,WAAA,CAAY,GAAG,CAAA;AAAA,KACf,SAAA;AACA,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAY,OAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,EAAA,EAAG,yBAA0B,EAAA,EAAA,8CAE1C,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,MACV,OAAS,EAAA;AAAA,KAAA;AAAA,IACV;AAAA,GAED,sCACC,MAAO,EAAA,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA,SAAA,EAAA,EAAU,QAE1C,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DeleteEntityConfirmationDialog.esm.js","sources":["../../src/components/DeleteEntityConfirmationDialog.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 Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { useState } from 'react';\nimport { assertError } from '@backstage/errors';\n\ninterface DeleteEntityConfirmationProps {\n  open: boolean;\n  onClose: () => any;\n  onConfirm: () => any;\n}\n\nexport function DeleteEntityConfirmationDialog(\n  props: DeleteEntityConfirmationProps,\n) {\n  const { open, onClose, onConfirm } = props;\n  const [busy, setBusy] = useState(false);\n  const onDelete = async () => {\n    setBusy(true);\n    try {\n      onConfirm();\n    } catch (err) {\n      assertError(err);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Dialog open={open} onClose={onClose}>\n      <DialogTitle id=\"responsive-dialog-title\">\n        Are you sure you want to delete this entity?\n      </DialogTitle>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          color=\"secondary\"\n          disabled={busy}\n          onClick={onDelete}\n        >\n          Delete\n        </Button>\n        <Button onClick={onClose} color=\"primary\">\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AA6BO,SAAS,+BACd,KACA,EAAA;AACA,EAAA,MAAM,EAAE,IAAA,EAAM,OAAS,EAAA,SAAA,EAAc,GAAA,KAAA;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,WAAW,YAAY;AAC3B,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAI,IAAA;AACF,MAAU,SAAA,EAAA;AAAA,aACH,GAAK,EAAA;AACZ,MAAA,WAAA,CAAY,GAAG,CAAA;AAAA,KACf,SAAA;AACA,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAY,OAClB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,EAAG,EAAA,yBAAA,EAA0B,QAE1C,EAAA,8CAAA,EAAA,CAAA;AAAA,yBACC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,WAAA;AAAA,UACN,QAAU,EAAA,IAAA;AAAA,UACV,OAAS,EAAA,QAAA;AAAA,UACV,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,0BACC,MAAO,EAAA,EAAA,OAAA,EAAS,OAAS,EAAA,KAAA,EAAM,WAAU,QAE1C,EAAA,QAAA,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/EntityDialog.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import Dialog from '@material-ui/core/Dialog';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogTitle from '@material-ui/core/DialogTitle';
@@ -36,7 +37,7 @@ const EntityDialog = ({ entity }) => {
     setOpen(false);
   };
   const dialogContent = () => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       CodeSnippet,
       {
         language: "json",
@@ -45,15 +46,21 @@ const EntityDialog = ({ entity }) => {
       }
     );
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton, { color: "primary", onClick: openDialog }, /* @__PURE__ */ React.createElement(DescriptionIcon, null)), /* @__PURE__ */ React.createElement(Dialog, { fullWidth: true, open, onClose: closeDialog }, /* @__PURE__ */ React.createElement(DialogTitle, { id: "dialog-title" }, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "close",
-      className: classes.closeButton,
-      onClick: closeDialog
-    },
-    /* @__PURE__ */ React.createElement(CloseIcon, null)
-  )), /* @__PURE__ */ React.createElement(DialogContent, null, dialogContent())));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: openDialog, children: /* @__PURE__ */ jsx(DescriptionIcon, {}) }),
+    /* @__PURE__ */ jsxs(Dialog, { fullWidth: true, open, onClose: closeDialog, children: [
+      /* @__PURE__ */ jsx(DialogTitle, { id: "dialog-title", children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "aria-label": "close",
+          className: classes.closeButton,
+          onClick: closeDialog,
+          children: /* @__PURE__ */ jsx(CloseIcon, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DialogContent, { children: dialogContent() })
+    ] })
+  ] });
 };
 
 export { EntityDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"EntityDialog.esm.js","sources":["../../src/components/EntityDialog.tsx"],"sourcesContent":["/*\n * Copyright 2023 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';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport DescriptionIcon from '@material-ui/icons/Description';\n\nimport { UnprocessedEntity } from './../types';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n    entity: {\n      overflow: 'scroll',\n      width: '100%',\n    },\n    codeBox: {\n      border: '1px solid black',\n      padding: '1em',\n    },\n  }),\n);\n\nexport const EntityDialog = ({ entity }: { entity: UnprocessedEntity }) => {\n  const [open, setOpen] = useState(false);\n  const classes = useStyles();\n\n  const openDialog = () => {\n    setOpen(true);\n  };\n\n  const closeDialog = () => {\n    setOpen(false);\n  };\n\n  const dialogContent = () => {\n    return (\n      <CodeSnippet\n        language=\"json\"\n        showLineNumbers\n        text={JSON.stringify(entity, null, 4)}\n      />\n    );\n  };\n\n  return (\n    <>\n      <IconButton color=\"primary\" onClick={openDialog}>\n        <DescriptionIcon />\n      </IconButton>\n      <Dialog fullWidth open={open} onClose={closeDialog}>\n        <DialogTitle id=\"dialog-title\">\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={closeDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent>{dialogContent()}</DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA4BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA,KAC/B;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA,QAAA;AAAA,MACV,KAAO,EAAA;AAAA,KACT;AAAA,IACA,OAAS,EAAA;AAAA,MACP,MAAQ,EAAA,iBAAA;AAAA,MACR,OAAS,EAAA;AAAA;AACX,GACD;AACH,CAAA;AAEO,MAAM,YAAe,GAAA,CAAC,EAAE,MAAA,EAA4C,KAAA;AACzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,MAAA;AAAA,QACT,eAAe,EAAA,IAAA;AAAA,QACf,IAAM,EAAA,IAAA,CAAK,SAAU,CAAA,MAAA,EAAQ,MAAM,CAAC;AAAA;AAAA,KACtC;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,UAAW,EAAA,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,UAAA,EAAA,sCAClC,eAAgB,EAAA,IAAA,CACnB,mBACC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,WAAS,IAAC,EAAA,IAAA,EAAY,SAAS,WACrC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,EAAA,EAAG,cACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,OAAA;AAAA,MACX,WAAW,OAAQ,CAAA,WAAA;AAAA,MACnB,OAAS,EAAA;AAAA,KAAA;AAAA,wCAER,SAAU,EAAA,IAAA;AAAA,GAEf,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,qBAAe,aAAc,EAAE,CAClC,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityDialog.esm.js","sources":["../../src/components/EntityDialog.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { useState } from 'react';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport DescriptionIcon from '@material-ui/icons/Description';\n\nimport { UnprocessedEntity } from './../types';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n    entity: {\n      overflow: 'scroll',\n      width: '100%',\n    },\n    codeBox: {\n      border: '1px solid black',\n      padding: '1em',\n    },\n  }),\n);\n\nexport const EntityDialog = ({ entity }: { entity: UnprocessedEntity }) => {\n  const [open, setOpen] = useState(false);\n  const classes = useStyles();\n\n  const openDialog = () => {\n    setOpen(true);\n  };\n\n  const closeDialog = () => {\n    setOpen(false);\n  };\n\n  const dialogContent = () => {\n    return (\n      <CodeSnippet\n        language=\"json\"\n        showLineNumbers\n        text={JSON.stringify(entity, null, 4)}\n      />\n    );\n  };\n\n  return (\n    <>\n      <IconButton color=\"primary\" onClick={openDialog}>\n        <DescriptionIcon />\n      </IconButton>\n      <Dialog fullWidth open={open} onClose={closeDialog}>\n        <DialogTitle id=\"dialog-title\">\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={closeDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent>{dialogContent()}</DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA4BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA,KAC/B;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA,QAAA;AAAA,MACV,KAAO,EAAA;AAAA,KACT;AAAA,IACA,OAAS,EAAA;AAAA,MACP,MAAQ,EAAA,iBAAA;AAAA,MACR,OAAS,EAAA;AAAA;AACX,GACD;AACH,CAAA;AAEO,MAAM,YAAe,GAAA,CAAC,EAAE,MAAA,EAA4C,KAAA;AACzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IACE,uBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,MAAA;AAAA,QACT,eAAe,EAAA,IAAA;AAAA,QACf,IAAM,EAAA,IAAA,CAAK,SAAU,CAAA,MAAA,EAAQ,MAAM,CAAC;AAAA;AAAA,KACtC;AAAA,GAEJ;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,KAAM,EAAA,SAAA,EAAU,SAAS,UACnC,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,yBACC,MAAO,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,IAAA,EAAY,SAAS,WACrC,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,IAAG,cACd,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAW,EAAA,OAAA;AAAA,UACX,WAAW,OAAQ,CAAA,WAAA;AAAA,UACnB,OAAS,EAAA,WAAA;AAAA,UAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,OAEf,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,aAAe,EAAA,EAAA,QAAA,EAAA,aAAA,EAAgB,EAAA;AAAA,KAClC,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/FailedEntities.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { DateTime } from 'luxon';
 import { Progress, ErrorPanel, Table, MarkdownContent } from '@backstage/core-components';
 import Box from '@material-ui/core/Box';
@@ -35,10 +36,16 @@ const RenderErrorContext = ({
   rowData
 }) => {
   if (error.message.includes("tags.")) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, null, "Tags"), /* @__PURE__ */ React.createElement("ul", null, rowData.unprocessed_entity.metadata.tags?.map((t) => /* @__PURE__ */ React.createElement("li", null, t))));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Typography, { children: "Tags" }),
+      /* @__PURE__ */ jsx("ul", { children: rowData.unprocessed_entity.metadata.tags?.map((t) => /* @__PURE__ */ jsx("li", { children: t })) })
+    ] });
   }
   if (error.message.includes("metadata.name")) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, null, "Name"), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, rowData.unprocessed_entity.metadata.name));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Typography, { children: "Name" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: rowData.unprocessed_entity.metadata.name })
+    ] });
   }
   return null;
 };
@@ -66,10 +73,10 @@ const FailedEntities = () => {
   const [selectedEntityRef, setSelectedEntityRef] = useState(void 0);
   const [confirmationDialogOpen, setConfirmationDialogOpen] = useState(false);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { error });
   }
   const handleDelete = ({
     entityId,
@@ -98,32 +105,32 @@ const FailedEntities = () => {
   };
   const columns = [
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "entityRef"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "entityRef" }),
       sorting: true,
       field: "entity_ref",
       customFilterAndSearch: (query, row) => row.entity_ref.toLocaleUpperCase("en-US").includes(query.toLocaleUpperCase("en-US")),
       render: (rowData) => rowData.entity_ref
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Location Path"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Location Path" }),
       sorting: true,
       field: "location_key",
       render: (rowData) => rowData.location_key
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Kind"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Kind" }),
       sorting: true,
       field: "kind",
       render: (rowData) => rowData.unprocessed_entity.kind
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Owner"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Owner" }),
       sorting: true,
       field: "unprocessed_entity.spec.owner",
       render: (rowData) => rowData.unprocessed_entity.spec?.owner || "unknown"
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Last Discovery At"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Last Discovery At" }),
       sorting: true,
       field: "last_discovery_at",
       render: (rowData) => convertTimeToLocalTimezone(
@@ -131,7 +138,7 @@ const FailedEntities = () => {
       ) || "unknown"
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Next Refresh At"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Next Refresh At" }),
       sorting: true,
       field: "next_update_at",
       render: (rowData) => convertTimeToLocalTimezone(
@@ -139,57 +146,64 @@ const FailedEntities = () => {
       ) || "unknown"
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Raw Entity Definition"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Raw Entity Definition" }),
       sorting: false,
-      render: (rowData) => /* @__PURE__ */ React.createElement(EntityDialog, { entity: rowData })
+      render: (rowData) => /* @__PURE__ */ jsx(EntityDialog, { entity: rowData })
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Actions"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Actions" }),
       render: (rowData) => {
         const { entity_id, entity_ref } = rowData;
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           IconButton,
           {
             "aria-label": "delete",
             onClick: () => handleDelete({
               entityId: entity_id,
               entityRef: entity_ref
-            })
-          },
-          /* @__PURE__ */ React.createElement(DeleteIcon, { fontSize: "small", "data-testid": "delete-icon" })
+            }),
+            children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small", "data-testid": "delete-icon" })
+          }
         );
       }
     }
   ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      options: { pageSize: 20, search: true },
-      columns,
-      data: data?.entities ?? [],
-      emptyContent: /* @__PURE__ */ React.createElement(Typography, { className: classes.successMessage }, "No failed entities found"),
-      onSearchChange: (searchTerm) => setSelectedSearchTerm(searchTerm),
-      detailPanel: ({ rowData }) => {
-        const errors = rowData.errors;
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, errors?.map((e, idx) => {
-          return /* @__PURE__ */ React.createElement(Box, { key: idx, className: classes.errorBox }, /* @__PURE__ */ React.createElement(Typography, { className: classes.errorTitle }, e.name), /* @__PURE__ */ React.createElement(MarkdownContent, { content: e.message }), /* @__PURE__ */ React.createElement(
-            RenderErrorContext,
-            {
-              error: e,
-              rowData
-            }
-          ));
-        }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Table,
+      {
+        options: { pageSize: 20, search: true },
+        columns,
+        data: data?.entities ?? [],
+        emptyContent: /* @__PURE__ */ jsx(Typography, { className: classes.successMessage, children: "No failed entities found" }),
+        onSearchChange: (searchTerm) => setSelectedSearchTerm(searchTerm),
+        detailPanel: ({ rowData }) => {
+          const errors = rowData.errors;
+          return /* @__PURE__ */ jsx(Fragment, { children: errors?.map((e, idx) => {
+            return /* @__PURE__ */ jsxs(Box, { className: classes.errorBox, children: [
+              /* @__PURE__ */ jsx(Typography, { className: classes.errorTitle, children: e.name }),
+              /* @__PURE__ */ jsx(MarkdownContent, { content: e.message }),
+              /* @__PURE__ */ jsx(
+                RenderErrorContext,
+                {
+                  error: e,
+                  rowData
+                }
+              )
+            ] }, idx);
+          }) });
+        }
       }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DeleteEntityConfirmationDialog,
-    {
-      open: confirmationDialogOpen,
-      onClose: () => setConfirmationDialogOpen(false),
-      onConfirm: cleanUpAfterRemoval
-    }
-  ));
+    ),
+    /* @__PURE__ */ jsx(
+      DeleteEntityConfirmationDialog,
+      {
+        open: confirmationDialogOpen,
+        onClose: () => setConfirmationDialogOpen(false),
+        onConfirm: cleanUpAfterRemoval
+      }
+    )
+  ] });
 };
 
 export { FailedEntities, convertTimeToLocalTimezone };

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

@@ -1 +1 @@
-{"version":3,"file":"FailedEntities.esm.js","sources":["../../src/components/FailedEntities.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { DateTime } from 'luxon';\nimport {\n  ErrorPanel,\n  MarkdownContent,\n  Progress,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\n\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { UnprocessedEntity } from '../types';\nimport { EntityDialog } from './EntityDialog';\nimport { catalogUnprocessedEntitiesApiRef } from '../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteEntityConfirmationDialog } from './DeleteEntityConfirmationDialog';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  errorBox: {\n    color: theme.palette.status.error,\n    backgroundColor: theme.palette.errorBackground,\n    padding: '1em',\n    margin: '1em',\n    border: `1px solid ${theme.palette.status.error}`,\n  },\n  errorTitle: {\n    width: '100%',\n    fontWeight: 'bold',\n  },\n  successMessage: {\n    background: theme.palette.infoBackground,\n    color: theme.palette.infoText,\n    padding: theme.spacing(2),\n  },\n}));\n\nconst RenderErrorContext = ({\n  error,\n  rowData,\n}: {\n  error: { message: string };\n  rowData: UnprocessedEntity;\n}) => {\n  if (error.message.includes('tags.')) {\n    return (\n      <>\n        <Typography>Tags</Typography>\n        <ul>\n          {rowData.unprocessed_entity.metadata.tags?.map(t => (\n            <li>{t}</li>\n          ))}\n        </ul>\n      </>\n    );\n  }\n\n  if (error.message.includes('metadata.name')) {\n    return (\n      <>\n        <Typography>Name</Typography>\n        <Typography variant=\"caption\">\n          {rowData.unprocessed_entity.metadata.name}\n        </Typography>\n      </>\n    );\n  }\n\n  return null;\n};\n\n/**\n * Converts input datetime which lacks timezone info into user's local time so that they can\n * easily understand the times.\n */\nexport const convertTimeToLocalTimezone = (dateTime: string | Date) => {\n  const isoDateTime =\n    typeof dateTime === 'string' ? dateTime : dateTime.toISOString();\n\n  const strDateTime = DateTime.fromISO(isoDateTime, {\n    zone: DateTime.local().zoneName,\n  });\n\n  return strDateTime.toFormat('yyyy-MM-dd hh:mm:ss ZZZZ');\n};\n\nexport const FailedEntities = () => {\n  const classes = useStyles();\n  const unprocessedApi = useApi(catalogUnprocessedEntitiesApiRef);\n  const {\n    loading,\n    error,\n    value: data,\n  } = useAsync(async () => await unprocessedApi.failed());\n  const [, setSelectedSearchTerm] = useState<string>('');\n  const unprocessedEntityApi = useApi(catalogUnprocessedEntitiesApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [selectedEntityId, setSelectedEntityId] = useState<string | undefined>(\n    undefined,\n  );\n  const [selectedEntityRef, setSelectedEntityRef] = useState<\n    string | undefined\n  >(undefined);\n  const [confirmationDialogOpen, setConfirmationDialogOpen] = useState(false);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const handleDelete = ({\n    entityId,\n    entityRef,\n  }: {\n    entityId: string;\n    entityRef: string;\n  }) => {\n    setSelectedEntityId(entityId);\n    setSelectedEntityRef(entityRef);\n    setConfirmationDialogOpen(true);\n  };\n\n  const cleanUpAfterRemoval = async () => {\n    try {\n      if (selectedEntityId) {\n        await unprocessedEntityApi.delete(selectedEntityId);\n        alertApi.post({\n          message: `Entity ${selectedEntityRef} has been deleted`,\n          severity: 'success',\n        });\n      }\n    } catch (e) {\n      alertApi.post({\n        message: `Ran into an issue when deleting ${selectedEntityRef}. Please try again later.`,\n        severity: 'error',\n      });\n    }\n    setConfirmationDialogOpen(false);\n  };\n\n  const columns: TableColumn[] = [\n    {\n      title: <Typography>entityRef</Typography>,\n      sorting: true,\n      field: 'entity_ref',\n      customFilterAndSearch: (query, row: any) =>\n        row.entity_ref\n          .toLocaleUpperCase('en-US')\n          .includes(query.toLocaleUpperCase('en-US')),\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).entity_ref,\n    },\n    {\n      title: <Typography>Location Path</Typography>,\n      sorting: true,\n      field: 'location_key',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).location_key,\n    },\n    {\n      title: <Typography>Kind</Typography>,\n      sorting: true,\n      field: 'kind',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.kind,\n    },\n    {\n      title: <Typography>Owner</Typography>,\n      sorting: true,\n      field: 'unprocessed_entity.spec.owner',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.spec?.owner ||\n        'unknown',\n    },\n    {\n      title: <Typography>Last Discovery At</Typography>,\n      sorting: true,\n      field: 'last_discovery_at',\n      render: (rowData: UnprocessedEntity | {}) =>\n        convertTimeToLocalTimezone(\n          (rowData as UnprocessedEntity).last_discovery_at,\n        ) || 'unknown',\n    },\n    {\n      title: <Typography>Next Refresh At</Typography>,\n      sorting: true,\n      field: 'next_update_at',\n      render: (rowData: UnprocessedEntity | {}) =>\n        convertTimeToLocalTimezone(\n          (rowData as UnprocessedEntity).next_update_at,\n        ) || 'unknown',\n    },\n    {\n      title: <Typography>Raw Entity Definition</Typography>,\n      sorting: false,\n      render: (rowData: UnprocessedEntity | {}) => (\n        <EntityDialog entity={rowData as UnprocessedEntity} />\n      ),\n    },\n    {\n      title: <Typography>Actions</Typography>,\n      render: (rowData: UnprocessedEntity | {}) => {\n        const { entity_id, entity_ref } = rowData as UnprocessedEntity;\n\n        return (\n          <IconButton\n            aria-label=\"delete\"\n            onClick={() =>\n              handleDelete({\n                entityId: entity_id,\n                entityRef: entity_ref,\n              })\n            }\n          >\n            <DeleteIcon fontSize=\"small\" data-testid=\"delete-icon\" />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  return (\n    <>\n      <Table\n        options={{ pageSize: 20, search: true }}\n        columns={columns}\n        data={data?.entities ?? []}\n        emptyContent={\n          <Typography className={classes.successMessage}>\n            No failed entities found\n          </Typography>\n        }\n        onSearchChange={(searchTerm: string) =>\n          setSelectedSearchTerm(searchTerm)\n        }\n        detailPanel={({ rowData }) => {\n          const errors = (rowData as UnprocessedEntity).errors;\n          return (\n            <>\n              {errors?.map((e, idx) => {\n                return (\n                  <Box key={idx} className={classes.errorBox}>\n                    <Typography className={classes.errorTitle}>\n                      {e.name}\n                    </Typography>\n                    <MarkdownContent content={e.message} />\n                    <RenderErrorContext\n                      error={e}\n                      rowData={rowData as UnprocessedEntity}\n                    />\n                  </Box>\n                );\n              })}\n            </>\n          );\n        }}\n      />\n      <DeleteEntityConfirmationDialog\n        open={confirmationDialogOpen}\n        onClose={() => setConfirmationDialogOpen(false)}\n        onConfirm={cleanUpAfterRemoval}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FailedEntities.esm.js","sources":["../../src/components/FailedEntities.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { useState } from 'react';\nimport { DateTime } from 'luxon';\nimport {\n  ErrorPanel,\n  MarkdownContent,\n  Progress,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\n\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { UnprocessedEntity } from '../types';\nimport { EntityDialog } from './EntityDialog';\nimport { catalogUnprocessedEntitiesApiRef } from '../api';\nimport useAsync from 'react-use/esm/useAsync';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteEntityConfirmationDialog } from './DeleteEntityConfirmationDialog';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  errorBox: {\n    color: theme.palette.status.error,\n    backgroundColor: theme.palette.errorBackground,\n    padding: '1em',\n    margin: '1em',\n    border: `1px solid ${theme.palette.status.error}`,\n  },\n  errorTitle: {\n    width: '100%',\n    fontWeight: 'bold',\n  },\n  successMessage: {\n    background: theme.palette.infoBackground,\n    color: theme.palette.infoText,\n    padding: theme.spacing(2),\n  },\n}));\n\nconst RenderErrorContext = ({\n  error,\n  rowData,\n}: {\n  error: { message: string };\n  rowData: UnprocessedEntity;\n}) => {\n  if (error.message.includes('tags.')) {\n    return (\n      <>\n        <Typography>Tags</Typography>\n        <ul>\n          {rowData.unprocessed_entity.metadata.tags?.map(t => (\n            <li>{t}</li>\n          ))}\n        </ul>\n      </>\n    );\n  }\n\n  if (error.message.includes('metadata.name')) {\n    return (\n      <>\n        <Typography>Name</Typography>\n        <Typography variant=\"caption\">\n          {rowData.unprocessed_entity.metadata.name}\n        </Typography>\n      </>\n    );\n  }\n\n  return null;\n};\n\n/**\n * Converts input datetime which lacks timezone info into user's local time so that they can\n * easily understand the times.\n */\nexport const convertTimeToLocalTimezone = (dateTime: string | Date) => {\n  const isoDateTime =\n    typeof dateTime === 'string' ? dateTime : dateTime.toISOString();\n\n  const strDateTime = DateTime.fromISO(isoDateTime, {\n    zone: DateTime.local().zoneName,\n  });\n\n  return strDateTime.toFormat('yyyy-MM-dd hh:mm:ss ZZZZ');\n};\n\nexport const FailedEntities = () => {\n  const classes = useStyles();\n  const unprocessedApi = useApi(catalogUnprocessedEntitiesApiRef);\n  const {\n    loading,\n    error,\n    value: data,\n  } = useAsync(async () => await unprocessedApi.failed());\n  const [, setSelectedSearchTerm] = useState<string>('');\n  const unprocessedEntityApi = useApi(catalogUnprocessedEntitiesApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [selectedEntityId, setSelectedEntityId] = useState<string | undefined>(\n    undefined,\n  );\n  const [selectedEntityRef, setSelectedEntityRef] = useState<\n    string | undefined\n  >(undefined);\n  const [confirmationDialogOpen, setConfirmationDialogOpen] = useState(false);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const handleDelete = ({\n    entityId,\n    entityRef,\n  }: {\n    entityId: string;\n    entityRef: string;\n  }) => {\n    setSelectedEntityId(entityId);\n    setSelectedEntityRef(entityRef);\n    setConfirmationDialogOpen(true);\n  };\n\n  const cleanUpAfterRemoval = async () => {\n    try {\n      if (selectedEntityId) {\n        await unprocessedEntityApi.delete(selectedEntityId);\n        alertApi.post({\n          message: `Entity ${selectedEntityRef} has been deleted`,\n          severity: 'success',\n        });\n      }\n    } catch (e) {\n      alertApi.post({\n        message: `Ran into an issue when deleting ${selectedEntityRef}. Please try again later.`,\n        severity: 'error',\n      });\n    }\n    setConfirmationDialogOpen(false);\n  };\n\n  const columns: TableColumn[] = [\n    {\n      title: <Typography>entityRef</Typography>,\n      sorting: true,\n      field: 'entity_ref',\n      customFilterAndSearch: (query, row: any) =>\n        row.entity_ref\n          .toLocaleUpperCase('en-US')\n          .includes(query.toLocaleUpperCase('en-US')),\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).entity_ref,\n    },\n    {\n      title: <Typography>Location Path</Typography>,\n      sorting: true,\n      field: 'location_key',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).location_key,\n    },\n    {\n      title: <Typography>Kind</Typography>,\n      sorting: true,\n      field: 'kind',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.kind,\n    },\n    {\n      title: <Typography>Owner</Typography>,\n      sorting: true,\n      field: 'unprocessed_entity.spec.owner',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.spec?.owner ||\n        'unknown',\n    },\n    {\n      title: <Typography>Last Discovery At</Typography>,\n      sorting: true,\n      field: 'last_discovery_at',\n      render: (rowData: UnprocessedEntity | {}) =>\n        convertTimeToLocalTimezone(\n          (rowData as UnprocessedEntity).last_discovery_at,\n        ) || 'unknown',\n    },\n    {\n      title: <Typography>Next Refresh At</Typography>,\n      sorting: true,\n      field: 'next_update_at',\n      render: (rowData: UnprocessedEntity | {}) =>\n        convertTimeToLocalTimezone(\n          (rowData as UnprocessedEntity).next_update_at,\n        ) || 'unknown',\n    },\n    {\n      title: <Typography>Raw Entity Definition</Typography>,\n      sorting: false,\n      render: (rowData: UnprocessedEntity | {}) => (\n        <EntityDialog entity={rowData as UnprocessedEntity} />\n      ),\n    },\n    {\n      title: <Typography>Actions</Typography>,\n      render: (rowData: UnprocessedEntity | {}) => {\n        const { entity_id, entity_ref } = rowData as UnprocessedEntity;\n\n        return (\n          <IconButton\n            aria-label=\"delete\"\n            onClick={() =>\n              handleDelete({\n                entityId: entity_id,\n                entityRef: entity_ref,\n              })\n            }\n          >\n            <DeleteIcon fontSize=\"small\" data-testid=\"delete-icon\" />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  return (\n    <>\n      <Table\n        options={{ pageSize: 20, search: true }}\n        columns={columns}\n        data={data?.entities ?? []}\n        emptyContent={\n          <Typography className={classes.successMessage}>\n            No failed entities found\n          </Typography>\n        }\n        onSearchChange={(searchTerm: string) =>\n          setSelectedSearchTerm(searchTerm)\n        }\n        detailPanel={({ rowData }) => {\n          const errors = (rowData as UnprocessedEntity).errors;\n          return (\n            <>\n              {errors?.map((e, idx) => {\n                return (\n                  <Box key={idx} className={classes.errorBox}>\n                    <Typography className={classes.errorTitle}>\n                      {e.name}\n                    </Typography>\n                    <MarkdownContent content={e.message} />\n                    <RenderErrorContext\n                      error={e}\n                      rowData={rowData as UnprocessedEntity}\n                    />\n                  </Box>\n                );\n              })}\n            </>\n          );\n        }}\n      />\n      <DeleteEntityConfirmationDialog\n        open={confirmationDialogOpen}\n        onClose={() => setConfirmationDialogOpen(false)}\n        onConfirm={cleanUpAfterRemoval}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PendingEntities.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { Progress, ErrorPanel, Table } from '@backstage/core-components';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
@@ -24,47 +25,47 @@ const PendingEntities = () => {
   } = useAsync(async () => await unprocessedApi.pending());
   const [, setSelectedSearchTerm] = useState("");
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ErrorPanel, { error });
   }
   const columns = [
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "entityRef"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "entityRef" }),
       sorting: true,
       field: "entity_ref",
       customFilterAndSearch: (query, row) => row.entity_ref.toLocaleUpperCase("en-US").includes(query.toLocaleUpperCase("en-US")),
       render: (rowData) => rowData.entity_ref
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Kind"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Kind" }),
       sorting: true,
       field: "kind",
       render: (rowData) => rowData.unprocessed_entity.kind
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Owner"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Owner" }),
       sorting: true,
       field: "unprocessed_entity.spec.owner",
       render: (rowData) => rowData.unprocessed_entity.spec?.owner || "unknown"
     },
     {
-      title: /* @__PURE__ */ React.createElement(Typography, null, "Raw"),
+      title: /* @__PURE__ */ jsx(Typography, { children: "Raw" }),
       sorting: false,
-      render: (rowData) => /* @__PURE__ */ React.createElement(EntityDialog, { entity: rowData })
+      render: (rowData) => /* @__PURE__ */ jsx(EntityDialog, { entity: rowData })
     }
   ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Table,
     {
       options: { pageSize: 20 },
       columns,
       data: data?.entities || [],
       onSearchChange: (searchTerm) => setSelectedSearchTerm(searchTerm),
-      emptyContent: /* @__PURE__ */ React.createElement(Typography, { className: classes.successMessage }, "No pending entities found")
+      emptyContent: /* @__PURE__ */ jsx(Typography, { className: classes.successMessage, children: "No pending entities found" })
     }
-  ));
+  ) });
 };
 
 export { PendingEntities };

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

@@ -1 +1 @@
-{"version":3,"file":"PendingEntities.esm.js","sources":["../../src/components/PendingEntities.tsx"],"sourcesContent":["/*\n * Copyright 2023 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';\n\nimport {\n  ErrorPanel,\n  Progress,\n  TableColumn,\n  Table,\n} from '@backstage/core-components';\nimport Typography from '@material-ui/core/Typography';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\n\nimport { UnprocessedEntity } from '../types';\n\nimport { EntityDialog } from './EntityDialog';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { catalogUnprocessedEntitiesApiRef } from '../api';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  successMessage: {\n    background: theme.palette.infoBackground,\n    color: theme.palette.infoText,\n    padding: theme.spacing(2),\n  },\n}));\n\nexport const PendingEntities = () => {\n  const classes = useStyles();\n  const unprocessedApi = useApi(catalogUnprocessedEntitiesApiRef);\n  const {\n    loading,\n    error,\n    value: data,\n  } = useAsync(async () => await unprocessedApi.pending());\n  const [, setSelectedSearchTerm] = useState<string>('');\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const columns: TableColumn[] = [\n    {\n      title: <Typography>entityRef</Typography>,\n      sorting: true,\n      field: 'entity_ref',\n      customFilterAndSearch: (query, row: any) =>\n        row.entity_ref\n          .toLocaleUpperCase('en-US')\n          .includes(query.toLocaleUpperCase('en-US')),\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).entity_ref,\n    },\n    {\n      title: <Typography>Kind</Typography>,\n      sorting: true,\n      field: 'kind',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.kind,\n    },\n    {\n      title: <Typography>Owner</Typography>,\n      sorting: true,\n      field: 'unprocessed_entity.spec.owner',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.spec?.owner ||\n        'unknown',\n    },\n    {\n      title: <Typography>Raw</Typography>,\n      sorting: false,\n      render: (rowData: UnprocessedEntity | {}) => (\n        <EntityDialog entity={rowData as UnprocessedEntity} />\n      ),\n    },\n  ];\n  return (\n    <>\n      <Table\n        options={{ pageSize: 20 }}\n        columns={columns}\n        data={data?.entities || []}\n        onSearchChange={(searchTerm: string) =>\n          setSelectedSearchTerm(searchTerm)\n        }\n        emptyContent={\n          <Typography className={classes.successMessage}>\n            No pending entities found\n          </Typography>\n        }\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PendingEntities.esm.js","sources":["../../src/components/PendingEntities.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { useState } from 'react';\n\nimport {\n  ErrorPanel,\n  Progress,\n  TableColumn,\n  Table,\n} from '@backstage/core-components';\nimport Typography from '@material-ui/core/Typography';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\n\nimport { UnprocessedEntity } from '../types';\n\nimport { EntityDialog } from './EntityDialog';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport { catalogUnprocessedEntitiesApiRef } from '../api';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  successMessage: {\n    background: theme.palette.infoBackground,\n    color: theme.palette.infoText,\n    padding: theme.spacing(2),\n  },\n}));\n\nexport const PendingEntities = () => {\n  const classes = useStyles();\n  const unprocessedApi = useApi(catalogUnprocessedEntitiesApiRef);\n  const {\n    loading,\n    error,\n    value: data,\n  } = useAsync(async () => await unprocessedApi.pending());\n  const [, setSelectedSearchTerm] = useState<string>('');\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const columns: TableColumn[] = [\n    {\n      title: <Typography>entityRef</Typography>,\n      sorting: true,\n      field: 'entity_ref',\n      customFilterAndSearch: (query, row: any) =>\n        row.entity_ref\n          .toLocaleUpperCase('en-US')\n          .includes(query.toLocaleUpperCase('en-US')),\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).entity_ref,\n    },\n    {\n      title: <Typography>Kind</Typography>,\n      sorting: true,\n      field: 'kind',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.kind,\n    },\n    {\n      title: <Typography>Owner</Typography>,\n      sorting: true,\n      field: 'unprocessed_entity.spec.owner',\n      render: (rowData: UnprocessedEntity | {}) =>\n        (rowData as UnprocessedEntity).unprocessed_entity.spec?.owner ||\n        'unknown',\n    },\n    {\n      title: <Typography>Raw</Typography>,\n      sorting: false,\n      render: (rowData: UnprocessedEntity | {}) => (\n        <EntityDialog entity={rowData as UnprocessedEntity} />\n      ),\n    },\n  ];\n  return (\n    <>\n      <Table\n        options={{ pageSize: 20 }}\n        columns={columns}\n        data={data?.entities || []}\n        onSearchChange={(searchTerm: string) =>\n          setSelectedSearchTerm(searchTerm)\n        }\n        emptyContent={\n          <Typography className={classes.successMessage}>\n            No pending entities found\n          </Typography>\n        }\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAiCA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC9C,cAAgB,EAAA;AAAA,IACd,UAAA,EAAY,MAAM,OAAQ,CAAA,cAAA;AAAA,IAC1B,KAAA,EAAO,MAAM,OAAQ,CAAA,QAAA;AAAA,IACrB,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAE5B,CAAE,CAAA,CAAA;AAEK,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,cAAA,GAAiB,OAAO,gCAAgC,CAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAS,CAAA,YAAY,MAAM,cAAA,CAAe,SAAS,CAAA;AACvD,EAAA,MAAM,GAAG,qBAAqB,CAAA,GAAI,SAAiB,EAAE,CAAA;AAErD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAEnB,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,GAAA,CAAC,cAAW,KAAc,EAAA,CAAA;AAAA;AAGnC,EAAA,MAAM,OAAyB,GAAA;AAAA,IAC7B;AAAA,MACE,KAAA,kBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,QAAS,EAAA,WAAA,EAAA,CAAA;AAAA,MAC5B,OAAS,EAAA,IAAA;AAAA,MACT,KAAO,EAAA,YAAA;AAAA,MACP,qBAAuB,EAAA,CAAC,KAAO,EAAA,GAAA,KAC7B,GAAI,CAAA,UAAA,CACD,iBAAkB,CAAA,OAAO,CACzB,CAAA,QAAA,CAAS,KAAM,CAAA,iBAAA,CAAkB,OAAO,CAAC,CAAA;AAAA,MAC9C,MAAA,EAAQ,CAAC,OAAA,KACN,OAA8B,CAAA;AAAA,KACnC;AAAA,IACA;AAAA,MACE,KAAA,kBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,QAAI,EAAA,MAAA,EAAA,CAAA;AAAA,MACvB,OAAS,EAAA,IAAA;AAAA,MACT,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,CAAC,OACN,KAAA,OAAA,CAA8B,kBAAmB,CAAA;AAAA,KACtD;AAAA,IACA;AAAA,MACE,KAAA,kBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,QAAK,EAAA,OAAA,EAAA,CAAA;AAAA,MACxB,OAAS,EAAA,IAAA;AAAA,MACT,KAAO,EAAA,+BAAA;AAAA,MACP,QAAQ,CAAC,OAAA,KACN,OAA8B,CAAA,kBAAA,CAAmB,MAAM,KACxD,IAAA;AAAA,KACJ;AAAA,IACA;AAAA,MACE,KAAA,kBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,QAAG,EAAA,KAAA,EAAA,CAAA;AAAA,MACtB,OAAS,EAAA,KAAA;AAAA,MACT,QAAQ,CAAC,OAAA,qBACN,GAAA,CAAA,YAAA,EAAA,EAAa,QAAQ,OAA8B,EAAA;AAAA;AAExD,GACF;AACA,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,QAAA,EAAU,EAAG,EAAA;AAAA,MACxB,OAAA;AAAA,MACA,IAAA,EAAM,IAAM,EAAA,QAAA,IAAY,EAAC;AAAA,MACzB,cAAgB,EAAA,CAAC,UACf,KAAA,qBAAA,CAAsB,UAAU,CAAA;AAAA,MAElC,8BACG,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,gBAAgB,QAE/C,EAAA,2BAAA,EAAA;AAAA;AAAA,GAGN,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/UnprocessedEntities.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { Page, Header, Content } from '@backstage/core-components';
 import Tab from '@material-ui/core/Tab';
 import { makeStyles } from '@material-ui/core/styles';
@@ -20,10 +21,20 @@ const UnprocessedEntitiesContent = () => {
   const handleChange = (_event, tabValue) => {
     setTab(tabValue);
   };
-  return /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(TabList, { onChange: handleChange }, /* @__PURE__ */ React.createElement(Tab, { label: "Failed", value: "failed" }), /* @__PURE__ */ React.createElement(Tab, { label: "Pending", value: "pending" })), /* @__PURE__ */ React.createElement(TabPanel, { value: "failed", className: classes.tabPanel }, /* @__PURE__ */ React.createElement(FailedEntities, null)), /* @__PURE__ */ React.createElement(TabPanel, { value: "pending", className: classes.tabPanel }, /* @__PURE__ */ React.createElement(PendingEntities, null)));
+  return /* @__PURE__ */ jsxs(TabContext, { value: tab, children: [
+    /* @__PURE__ */ jsxs(TabList, { onChange: handleChange, children: [
+      /* @__PURE__ */ jsx(Tab, { label: "Failed", value: "failed" }),
+      /* @__PURE__ */ jsx(Tab, { label: "Pending", value: "pending" })
+    ] }),
+    /* @__PURE__ */ jsx(TabPanel, { value: "failed", className: classes.tabPanel, children: /* @__PURE__ */ jsx(FailedEntities, {}) }),
+    /* @__PURE__ */ jsx(TabPanel, { value: "pending", className: classes.tabPanel, children: /* @__PURE__ */ jsx(PendingEntities, {}) })
+  ] });
 };
 const UnprocessedEntities = () => {
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "Unprocessed Entities" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(UnprocessedEntitiesContent, null)));
+  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsx(Header, { title: "Unprocessed Entities" }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(UnprocessedEntitiesContent, {}) })
+  ] });
 };
 
 export { UnprocessedEntities, UnprocessedEntitiesContent };

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

@@ -1 +1 @@
-{"version":3,"file":"UnprocessedEntities.esm.js","sources":["../../src/components/UnprocessedEntities.tsx"],"sourcesContent":["/*\n * Copyright 2023 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';\n\nimport { Page, Header, Content } from '@backstage/core-components';\nimport Tab from '@material-ui/core/Tab';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TabContext from '@material-ui/lab/TabContext';\nimport TabList from '@material-ui/lab/TabList';\nimport TabPanel from '@material-ui/lab/TabPanel';\n\nimport { FailedEntities } from './FailedEntities';\nimport { PendingEntities } from './PendingEntities';\n\nconst useStyles = makeStyles(() => ({\n  tabPanel: {\n    paddingLeft: '0px',\n    paddingRight: '0px',\n  },\n}));\n\n/** @public */\nexport const UnprocessedEntitiesContent = () => {\n  const classes = useStyles();\n  const [tab, setTab] = useState('failed');\n  const handleChange = (_event: React.ChangeEvent<{}>, tabValue: string) => {\n    setTab(tabValue);\n  };\n\n  return (\n    <TabContext value={tab}>\n      <TabList onChange={handleChange}>\n        <Tab label=\"Failed\" value=\"failed\" />\n        <Tab label=\"Pending\" value=\"pending\" />\n      </TabList>\n      <TabPanel value=\"failed\" className={classes.tabPanel}>\n        <FailedEntities />\n      </TabPanel>\n      <TabPanel value=\"pending\" className={classes.tabPanel}>\n        <PendingEntities />\n      </TabPanel>\n    </TabContext>\n  );\n};\n\nexport const UnprocessedEntities = () => {\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Unprocessed Entities\" />\n      <Content>\n        <UnprocessedEntitiesContent />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA;AAAA;AAElB,CAAE,CAAA,CAAA;AAGK,MAAM,6BAA6B,MAAM;AAC9C,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,QAAQ,CAAA;AACvC,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAA+B,QAAqB,KAAA;AACxE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GACjB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAO,EAAA,GAAA,EAAA,sCAChB,OAAQ,EAAA,EAAA,QAAA,EAAU,gCAChB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,OAAM,QAAS,EAAA,KAAA,EAAM,UAAS,CACnC,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,KAAM,EAAA,SAAA,EAAU,OAAM,SAAU,EAAA,CACvC,mBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,QAAS,EAAA,SAAA,EAAW,QAAQ,QAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAe,CAClB,CAAA,sCACC,QAAS,EAAA,EAAA,KAAA,EAAM,WAAU,SAAW,EAAA,OAAA,CAAQ,4BAC1C,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAgB,CACnB,CACF,CAAA;AAEJ;AAEO,MAAM,sBAAsB,MAAM;AACvC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,MAAO,EAAA,EAAA,KAAA,EAAM,sBAAuB,EAAA,CAAA,kBACpC,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA,IAA2B,CAC9B,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UnprocessedEntities.esm.js","sources":["../../src/components/UnprocessedEntities.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { ChangeEvent, useState } from 'react';\n\nimport { Page, Header, Content } from '@backstage/core-components';\nimport Tab from '@material-ui/core/Tab';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TabContext from '@material-ui/lab/TabContext';\nimport TabList from '@material-ui/lab/TabList';\nimport TabPanel from '@material-ui/lab/TabPanel';\n\nimport { FailedEntities } from './FailedEntities';\nimport { PendingEntities } from './PendingEntities';\n\nconst useStyles = makeStyles(() => ({\n  tabPanel: {\n    paddingLeft: '0px',\n    paddingRight: '0px',\n  },\n}));\n\n/** @public */\nexport const UnprocessedEntitiesContent = () => {\n  const classes = useStyles();\n  const [tab, setTab] = useState('failed');\n  const handleChange = (_event: ChangeEvent<{}>, tabValue: string) => {\n    setTab(tabValue);\n  };\n\n  return (\n    <TabContext value={tab}>\n      <TabList onChange={handleChange}>\n        <Tab label=\"Failed\" value=\"failed\" />\n        <Tab label=\"Pending\" value=\"pending\" />\n      </TabList>\n      <TabPanel value=\"failed\" className={classes.tabPanel}>\n        <FailedEntities />\n      </TabPanel>\n      <TabPanel value=\"pending\" className={classes.tabPanel}>\n        <PendingEntities />\n      </TabPanel>\n    </TabContext>\n  );\n};\n\nexport const UnprocessedEntities = () => {\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Unprocessed Entities\" />\n      <Content>\n        <UnprocessedEntitiesContent />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA;AAAA;AAElB,CAAE,CAAA,CAAA;AAGK,MAAM,6BAA6B,MAAM;AAC9C,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,QAAQ,CAAA;AACvC,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAAyB,QAAqB,KAAA;AAClE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GACjB;AAEA,EACE,uBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,GACjB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,UAAU,YACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,KAAA,EAAM,QAAS,EAAA,KAAA,EAAM,QAAS,EAAA,CAAA;AAAA,sBAClC,GAAA,CAAA,GAAA,EAAA,EAAI,KAAM,EAAA,SAAA,EAAU,OAAM,SAAU,EAAA;AAAA,KACvC,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,YAAS,KAAM,EAAA,QAAA,EAAS,WAAW,OAAQ,CAAA,QAAA,EAC1C,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,CAClB,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,YAAS,KAAM,EAAA,SAAA,EAAU,WAAW,OAAQ,CAAA,QAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAgB,CACnB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;AAEO,MAAM,sBAAsB,MAAM;AACvC,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,OAAM,sBAAuB,EAAA,CAAA;AAAA,oBACpC,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,0BAAA,EAAA,EAA2B,CAC9B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import React__default 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';
 
@@ -16,10 +15,10 @@ declare const catalogUnprocessedEntitiesPlugin: _backstage_core_plugin_api.Backs
  *
  * @public
  */
-declare const CatalogUnprocessedEntitiesPage: () => React.JSX.Element;
+declare const CatalogUnprocessedEntitiesPage: () => react_jsx_runtime.JSX.Element;
 
 /** @public */
-declare const UnprocessedEntitiesContent: () => React__default.JSX.Element;
+declare const UnprocessedEntitiesContent: () => react_jsx_runtime.JSX.Element;
 
 /**
  * Unprocessed entity data stored in the database.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-unprocessed-entities",
-  "version": "0.2.16-next.1",
+  "version": "0.2.16-next.2",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "catalog-unprocessed-entities",
@@ -41,11 +41,11 @@
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
-      "*": [
-        "dist/index.d.ts"
-      ],
       "alpha": [
         "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
       ]
     }
   },
@@ -63,11 +63,11 @@
   },
   "dependencies": {
     "@backstage/catalog-model": "1.7.3",
-    "@backstage/core-compat-api": "0.4.1-next.1",
-    "@backstage/core-components": "0.17.1-next.0",
-    "@backstage/core-plugin-api": "1.10.5",
+    "@backstage/core-compat-api": "0.4.1-next.2",
+    "@backstage/core-components": "0.17.1-next.1",
+    "@backstage/core-plugin-api": "1.10.6-next.0",
     "@backstage/errors": "1.2.7",
-    "@backstage/frontend-plugin-api": "0.10.1-next.0",
+    "@backstage/frontend-plugin-api": "0.10.1-next.1",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -75,8 +75,8 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "0.32.0-next.1",
-    "@backstage/dev-utils": "1.1.9-next.1",
+    "@backstage/cli": "0.32.0-next.2",
+    "@backstage/dev-utils": "1.1.9-next.2",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
     "@types/react": "^18.0.0",