@backstage/plugin-catalog-react 1.21.6-next.0 → 1.22.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @backstage/plugin-catalog-react
 
+## 1.22.0-next.1
+
+### Minor Changes
+
+- 0e9578d: Migrated `UnregisterEntityDialog` from Material UI to Backstage UI components.
+- e8258d0: **BREAKING**: Removed the 'summary' entity card type from `EntityCardType`. Users should migrate to using 'content' or 'info' card types instead.
+
+  TypeScript will now show errors if you try to use `type: 'summary'` when creating entity cards.
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/frontend-test-utils@0.4.6-next.1
+  - @backstage/ui@0.12.0-next.1
+  - @backstage/frontend-plugin-api@0.14.0-next.1
+  - @backstage/core-compat-api@0.5.8-next.1
+  - @backstage/core-components@0.18.7-next.1
+  - @backstage/integration-react@1.2.15-next.1
+
 ## 1.21.6-next.0
 
 ### Patch Changes

package/dist/alpha/blueprints/extensionData.esm.js

@@ -19,7 +19,6 @@ const entityContentGroupDataRef = createExtensionDataRef().with({
   id: "catalog.entity-content-group"
 });
 const entityCardTypes = [
-  "summary",
   "info",
   "content"
 ];

package/dist/alpha/blueprints/extensionData.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"extensionData.esm.js","sources":["../../../src/alpha/blueprints/extensionData.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 { Entity } from '@backstage/catalog-model';\nimport { createExtensionDataRef } from '@backstage/frontend-plugin-api';\n\n/** @internal */\nexport const entityContentTitleDataRef = createExtensionDataRef<string>().with({\n  id: 'catalog.entity-content-title',\n});\n\n/** @internal */\nexport const entityFilterFunctionDataRef = createExtensionDataRef<\n  (entity: Entity) => boolean\n>().with({ id: 'catalog.entity-filter-function' });\n\n/** @internal */\nexport const entityFilterExpressionDataRef =\n  createExtensionDataRef<string>().with({\n    id: 'catalog.entity-filter-expression',\n  });\n\n/**\n * @alpha\n * Default entity content groups.\n */\nexport const defaultEntityContentGroups = {\n  overview: 'Overview',\n  documentation: 'Documentation',\n  development: 'Development',\n  deployment: 'Deployment',\n  operation: 'Operation',\n  observability: 'Observability',\n};\n\n/** @internal */\nexport const entityContentGroupDataRef = createExtensionDataRef<string>().with({\n  id: 'catalog.entity-content-group',\n});\n\n/**\n * @internal\n * Available entity card types\n */\nexport const entityCardTypes = [\n  'summary',\n  'info',\n  'content',\n] as const satisfies readonly EntityCardType[];\n\n/** @alpha */\nexport type EntityCardType = 'summary' | 'info' | 'content';\n\n/** @internal */\nexport const entityCardTypeDataRef =\n  createExtensionDataRef<EntityCardType>().with({\n    id: 'catalog.entity-card-type',\n  });\n"],"names":[],"mappings":";;AAoBO,MAAM,yBAAA,GAA4B,sBAAA,EAA+B,CAAE,IAAA,CAAK;AAAA,EAC7E,EAAA,EAAI;AACN,CAAC;AAGM,MAAM,8BAA8B,sBAAA,EAEzC,CAAE,KAAK,EAAE,EAAA,EAAI,kCAAkC;AAG1C,MAAM,6BAAA,GACX,sBAAA,EAA+B,CAAE,IAAA,CAAK;AAAA,EACpC,EAAA,EAAI;AACN,CAAC;AAMI,MAAM,0BAAA,GAA6B;AAAA,EACxC,QAAA,EAAU,UAAA;AAAA,EACV,aAAA,EAAe,eAAA;AAAA,EACf,WAAA,EAAa,aAAA;AAAA,EACb,UAAA,EAAY,YAAA;AAAA,EACZ,SAAA,EAAW,WAAA;AAAA,EACX,aAAA,EAAe;AACjB;AAGO,MAAM,yBAAA,GAA4B,sBAAA,EAA+B,CAAE,IAAA,CAAK;AAAA,EAC7E,EAAA,EAAI;AACN,CAAC;AAMM,MAAM,eAAA,GAAkB;AAAA,EAC7B,SAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;AAMO,MAAM,qBAAA,GACX,sBAAA,EAAuC,CAAE,IAAA,CAAK;AAAA,EAC5C,EAAA,EAAI;AACN,CAAC;;;;"}
+{"version":3,"file":"extensionData.esm.js","sources":["../../../src/alpha/blueprints/extensionData.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 { Entity } from '@backstage/catalog-model';\nimport { createExtensionDataRef } from '@backstage/frontend-plugin-api';\n\n/** @internal */\nexport const entityContentTitleDataRef = createExtensionDataRef<string>().with({\n  id: 'catalog.entity-content-title',\n});\n\n/** @internal */\nexport const entityFilterFunctionDataRef = createExtensionDataRef<\n  (entity: Entity) => boolean\n>().with({ id: 'catalog.entity-filter-function' });\n\n/** @internal */\nexport const entityFilterExpressionDataRef =\n  createExtensionDataRef<string>().with({\n    id: 'catalog.entity-filter-expression',\n  });\n\n/**\n * @alpha\n * Default entity content groups.\n */\nexport const defaultEntityContentGroups = {\n  overview: 'Overview',\n  documentation: 'Documentation',\n  development: 'Development',\n  deployment: 'Deployment',\n  operation: 'Operation',\n  observability: 'Observability',\n};\n\n/** @internal */\nexport const entityContentGroupDataRef = createExtensionDataRef<string>().with({\n  id: 'catalog.entity-content-group',\n});\n\n/**\n * @internal\n * Available entity card types\n */\nexport const entityCardTypes = [\n  'info',\n  'content',\n] as const satisfies readonly EntityCardType[];\n\n/** @alpha */\nexport type EntityCardType = 'info' | 'content';\n\n/** @internal */\nexport const entityCardTypeDataRef =\n  createExtensionDataRef<EntityCardType>().with({\n    id: 'catalog.entity-card-type',\n  });\n"],"names":[],"mappings":";;AAoBO,MAAM,yBAAA,GAA4B,sBAAA,EAA+B,CAAE,IAAA,CAAK;AAAA,EAC7E,EAAA,EAAI;AACN,CAAC;AAGM,MAAM,8BAA8B,sBAAA,EAEzC,CAAE,KAAK,EAAE,EAAA,EAAI,kCAAkC;AAG1C,MAAM,6BAAA,GACX,sBAAA,EAA+B,CAAE,IAAA,CAAK;AAAA,EACpC,EAAA,EAAI;AACN,CAAC;AAMI,MAAM,0BAAA,GAA6B;AAAA,EACxC,QAAA,EAAU,UAAA;AAAA,EACV,aAAA,EAAe,eAAA;AAAA,EACf,WAAA,EAAa,aAAA;AAAA,EACb,UAAA,EAAY,YAAA;AAAA,EACZ,SAAA,EAAW,WAAA;AAAA,EACX,aAAA,EAAe;AACjB;AAGO,MAAM,yBAAA,GAA4B,sBAAA,EAA+B,CAAE,IAAA,CAAK;AAAA,EAC7E,EAAA,EAAI;AACN,CAAC;AAMM,MAAM,eAAA,GAAkB;AAAA,EAC7B,MAAA;AAAA,EACA;AACF;AAMO,MAAM,qBAAA,GACX,sBAAA,EAAuC,CAAE,IAAA,CAAK;AAAA,EAC5C,EAAA,EAAI;AACN,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -47,7 +47,7 @@ declare const defaultEntityContentGroups: {
     observability: string;
 };
 /** @alpha */
-type EntityCardType = 'summary' | 'info' | 'content';
+type EntityCardType = 'info' | 'content';
 
 /** @alpha */
 type EntityPredicate = EntityPredicateExpression | EntityPredicatePrimitive | {
@@ -101,11 +101,11 @@ declare const EntityCardBlueprint: _backstage_frontend_plugin_api.ExtensionBluep
     inputs: {};
     config: {
         filter: EntityPredicate | undefined;
-        type: "content" | "summary" | "info" | undefined;
+        type: "content" | "info" | undefined;
     };
     configInput: {
         filter?: EntityPredicate | undefined;
-        type?: "content" | "summary" | "info" | undefined;
+        type?: "content" | "info" | undefined;
     };
     dataRefs: {
         filterFunction: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: Entity) => boolean, "catalog.entity-filter-function", {}>;

package/dist/components/UnregisterEntityDialog/UnregisterEntityDialog.esm.js

@@ -1,206 +1,273 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { EntityRefLink } from '../EntityRefLink/EntityRefLink.esm.js';
 import '@backstage/catalog-model';
 import { useState, useCallback } from 'react';
 import 'lodash/get';
-import Box from '@material-ui/core/Box';
-import Button from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogContentText from '@material-ui/core/DialogContentText';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import Divider from '@material-ui/core/Divider';
 import { makeStyles } from '@material-ui/core/styles';
-import Alert from '@material-ui/lab/Alert';
 import { useUnregisterEntityDialogState } from './useUnregisterEntityDialogState.esm.js';
-import { useApi, alertApiRef, configApiRef } from '@backstage/core-plugin-api';
-import { Progress, ResponseErrorPanel } from '@backstage/core-components';
+import { useApi, configApiRef, alertApiRef } from '@backstage/core-plugin-api';
+import { ResponseErrorPanel, Progress } from '@backstage/core-components';
 import { assertError } from '@backstage/errors';
 import { catalogReactTranslationRef } from '../../translation.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { Dialog, DialogHeader, DialogBody, DialogFooter, Button, Alert, Text, Box, Accordion, AccordionTrigger, AccordionPanel } from '@backstage/ui';
 
 const useStyles = makeStyles({
-  advancedButton: {
-    fontSize: "0.7em"
-  },
-  dialogActions: {
-    display: "inline-block"
+  bodyContent: {
+    overflowWrap: "break-word"
   }
 });
-const Contents = ({
-  entity,
-  onConfirm,
-  onClose
-}) => {
+function useUnregisterDialogHandlers(entity, onConfirm, onClose) {
   const alertApi = useApi(alertApiRef);
-  const configApi = useApi(configApiRef);
-  const classes = useStyles();
   const state = useUnregisterEntityDialogState(entity);
-  const [showDelete, setShowDelete] = useState(false);
-  const [busy, setBusy] = useState(false);
-  const appTitle = configApi.getOptionalString("app.title") ?? "Backstage";
+  const [busyAction, setBusyAction] = useState(
+    null
+  );
   const { t } = useTranslationRef(catalogReactTranslationRef);
-  const onUnregister = useCallback(
-    async function onUnregisterFn() {
-      if ("unregisterLocation" in state) {
-        setBusy(true);
-        try {
-          await state.unregisterLocation();
-          onConfirm();
-        } catch (err) {
-          assertError(err);
-          alertApi.post({ message: err.message });
-        } finally {
-          setBusy(false);
-        }
+  const onUnregister = useCallback(async () => {
+    if ("unregisterLocation" in state) {
+      setBusyAction("unregister");
+      try {
+        await state.unregisterLocation();
+        onConfirm();
+      } catch (err) {
+        assertError(err);
+        alertApi.post({ message: err.message });
+      } finally {
+        setBusyAction(null);
       }
-    },
-    [alertApi, onConfirm, state]
-  );
-  const onDelete = useCallback(
-    async function onDeleteFn() {
-      if ("deleteEntity" in state) {
-        setBusy(true);
-        try {
-          await state.deleteEntity();
-          const entityName = entity.metadata.title ?? entity.metadata.name;
-          onConfirm();
-          alertApi.post({
-            message: t("unregisterEntityDialog.deleteEntitySuccessMessage", {
-              entityName
-            }),
-            severity: "success",
-            display: "transient"
-          });
-        } catch (err) {
-          assertError(err);
-          alertApi.post({ message: err.message });
-        } finally {
-          setBusy(false);
-        }
+    }
+  }, [alertApi, onConfirm, state]);
+  const onDelete = useCallback(async () => {
+    if ("deleteEntity" in state) {
+      setBusyAction("delete");
+      try {
+        await state.deleteEntity();
+        const entityName = entity.metadata.title ?? entity.metadata.name;
+        onConfirm();
+        alertApi.post({
+          message: t("unregisterEntityDialog.deleteEntitySuccessMessage", {
+            entityName
+          }),
+          severity: "success",
+          display: "transient"
+        });
+      } catch (err) {
+        assertError(err);
+        alertApi.post({ message: err.message });
+      } finally {
+        setBusyAction(null);
       }
-    },
-    [alertApi, onConfirm, state, entity, t]
-  );
-  const DialogActionsPanel = () => /* @__PURE__ */ jsx(DialogActions, { className: classes.dialogActions, children: /* @__PURE__ */ jsx(Button, { onClick: onClose, color: "primary", children: t("unregisterEntityDialog.cancelButtonTitle") }) });
-  if (state.type === "loading") {
-    return /* @__PURE__ */ jsx(Progress, {});
-  }
-  if (state.type === "error") {
-    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error: state.error });
-  }
-  if (state.type === "bootstrap") {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Alert, { severity: "info", children: t("unregisterEntityDialog.bootstrapState.title", {
-        appTitle,
-        location: state.location
-      }) }),
-      /* @__PURE__ */ jsxs(Box, { marginTop: 2, children: [
-        !showDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "small",
-              color: "primary",
-              className: classes.advancedButton,
-              onClick: () => setShowDelete(true),
-              children: t("unregisterEntityDialog.bootstrapState.advancedOptions")
-            }
-          ),
-          /* @__PURE__ */ jsx(DialogActionsPanel, {})
-        ] }),
-        showDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(DialogContentText, { children: t("unregisterEntityDialog.bootstrapState.advancedDescription") }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "contained",
-              color: "secondary",
-              disabled: busy,
-              onClick: onDelete,
-              children: t("unregisterEntityDialog.deleteButtonTitle")
-            }
-          ),
-          /* @__PURE__ */ jsx(DialogActionsPanel, {})
-        ] })
-      ] })
-    ] });
-  }
-  if (state.type === "only-delete") {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DialogContentText, { children: t("unregisterEntityDialog.onlyDeleteStateTitle") }),
-      /* @__PURE__ */ jsx(
+    }
+  }, [alertApi, onConfirm, state, entity, t]);
+  return { state, busyAction, onUnregister, onDelete, onClose };
+}
+function AdvancedDeleteAccordion({
+  triggerTitle,
+  description,
+  onDelete,
+  busyAction
+}) {
+  const { t } = useTranslationRef(catalogReactTranslationRef);
+  return /* @__PURE__ */ jsx(Box, { mt: "4", children: /* @__PURE__ */ jsxs(Accordion, { children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { title: triggerTitle }),
+    /* @__PURE__ */ jsxs(AccordionPanel, { children: [
+      /* @__PURE__ */ jsx(Text, { as: "p", children: description }),
+      /* @__PURE__ */ jsx(Box, { mt: "4", children: /* @__PURE__ */ jsx(
         Button,
         {
-          variant: "contained",
-          color: "secondary",
-          disabled: busy,
-          onClick: onDelete,
+          variant: "primary",
+          destructive: true,
+          loading: busyAction === "delete",
+          isDisabled: busyAction !== null && busyAction !== "delete",
+          onPress: onDelete,
           children: t("unregisterEntityDialog.deleteButtonTitle")
         }
-      ),
-      /* @__PURE__ */ jsx(DialogActionsPanel, {})
-    ] });
-  }
-  if (state.type === "unregister") {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DialogContentText, { children: t("unregisterEntityDialog.unregisterState.title") }),
-      /* @__PURE__ */ jsx(DialogContentText, { component: "ul", children: state.colocatedEntities.map((e) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(EntityRefLink, { entityRef: e }) }, `${e.kind}:${e.namespace}/${e.name}`)) }),
-      /* @__PURE__ */ jsx(DialogContentText, { children: t("unregisterEntityDialog.unregisterState.subTitle") }),
-      /* @__PURE__ */ jsx(DialogContentText, { component: "ul", children: /* @__PURE__ */ jsx("li", { children: state.location }) }),
-      /* @__PURE__ */ jsx(DialogContentText, { children: t("unregisterEntityDialog.unregisterState.description", {
-        appTitle
-      }) }),
-      /* @__PURE__ */ jsxs(Box, { marginTop: 2, children: [
-        /* @__PURE__ */ jsx(
-          Button,
+      ) })
+    ] })
+  ] }) });
+}
+function BootstrapBody({
+  location,
+  appTitle,
+  onDelete,
+  busyAction
+}) {
+  const { t } = useTranslationRef(catalogReactTranslationRef);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        status: "info",
+        icon: true,
+        description: t("unregisterEntityDialog.bootstrapState.title", {
+          appTitle,
+          location
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AdvancedDeleteAccordion,
+      {
+        triggerTitle: t(
+          "unregisterEntityDialog.bootstrapState.advancedOptions"
+        ),
+        description: t(
+          "unregisterEntityDialog.bootstrapState.advancedDescription"
+        ),
+        onDelete,
+        busyAction
+      }
+    )
+  ] });
+}
+function OnlyDeleteBody() {
+  const { t } = useTranslationRef(catalogReactTranslationRef);
+  return /* @__PURE__ */ jsx(Text, { as: "p", children: t("unregisterEntityDialog.onlyDeleteStateTitle") });
+}
+function UnregisterBody({
+  state,
+  appTitle,
+  onDelete,
+  busyAction
+}) {
+  const { t } = useTranslationRef(catalogReactTranslationRef);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Text, { as: "p", children: t("unregisterEntityDialog.unregisterState.title") }),
+    /* @__PURE__ */ jsx("ul", { children: state.colocatedEntities.map((e) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(EntityRefLink, { entityRef: e }) }, `${e.kind}:${e.namespace}/${e.name}`)) }),
+    /* @__PURE__ */ jsx(Text, { as: "p", children: t("unregisterEntityDialog.unregisterState.subTitle") }),
+    /* @__PURE__ */ jsx("ul", { children: /* @__PURE__ */ jsx("li", { children: state.location }) }),
+    /* @__PURE__ */ jsx(Text, { as: "p", children: t("unregisterEntityDialog.unregisterState.description", {
+      appTitle
+    }) }),
+    /* @__PURE__ */ jsx(
+      AdvancedDeleteAccordion,
+      {
+        triggerTitle: t(
+          "unregisterEntityDialog.unregisterState.advancedOptions"
+        ),
+        description: t(
+          "unregisterEntityDialog.unregisterState.advancedDescription"
+        ),
+        onDelete,
+        busyAction
+      }
+    )
+  ] });
+}
+function useDialogContent(handlers, appTitle) {
+  const { t } = useTranslationRef(catalogReactTranslationRef);
+  const { state, busyAction, onUnregister, onDelete } = handlers;
+  switch (state.type) {
+    case "loading":
+      return { body: /* @__PURE__ */ jsx(Progress, {}), actionButton: null };
+    case "error":
+      return {
+        body: /* @__PURE__ */ jsx(ResponseErrorPanel, { error: state.error }),
+        actionButton: null
+      };
+    case "bootstrap":
+      return {
+        body: /* @__PURE__ */ jsx(
+          BootstrapBody,
           {
-            variant: "contained",
-            color: "secondary",
-            disabled: busy,
-            onClick: onUnregister,
-            children: t("unregisterEntityDialog.unregisterState.unregisterButtonTitle")
+            location: state.location,
+            appTitle,
+            onDelete,
+            busyAction
           }
         ),
-        !showDelete && /* @__PURE__ */ jsx(Box, { component: "span", marginLeft: 2, children: /* @__PURE__ */ jsx(
+        actionButton: null
+      };
+    case "only-delete":
+      return {
+        body: /* @__PURE__ */ jsx(OnlyDeleteBody, {}),
+        actionButton: /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "text",
-            size: "small",
-            color: "primary",
-            className: classes.advancedButton,
-            onClick: () => setShowDelete(true),
-            children: t("unregisterEntityDialog.unregisterState.advancedOptions")
+            variant: "primary",
+            destructive: true,
+            loading: busyAction === "delete",
+            isDisabled: busyAction !== null && busyAction !== "delete",
+            onPress: onDelete,
+            children: t("unregisterEntityDialog.deleteButtonTitle")
+          }
+        )
+      };
+    case "unregister":
+      return {
+        body: /* @__PURE__ */ jsx(
+          UnregisterBody,
+          {
+            state,
+            appTitle,
+            onDelete,
+            busyAction
           }
-        ) })
-      ] }),
-      showDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Box, { paddingTop: 4, paddingBottom: 4, children: /* @__PURE__ */ jsx(Divider, {}) }),
-        /* @__PURE__ */ jsx(DialogContentText, { children: t("unregisterEntityDialog.unregisterState.advancedDescription") }),
-        /* @__PURE__ */ jsx(
+        ),
+        actionButton: /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "contained",
-            color: "secondary",
-            disabled: busy,
-            onClick: onDelete,
-            children: t("unregisterEntityDialog.deleteButtonTitle")
+            variant: "primary",
+            destructive: true,
+            loading: busyAction === "unregister",
+            isDisabled: busyAction !== null && busyAction !== "unregister",
+            onPress: onUnregister,
+            children: t("unregisterEntityDialog.unregisterState.unregisterButtonTitle")
           }
         )
-      ] })
-    ] });
+      };
+    default:
+      return {
+        body: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            status: "danger",
+            description: t("unregisterEntityDialog.errorStateTitle")
+          }
+        ),
+        actionButton: null
+      };
   }
-  return /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("unregisterEntityDialog.errorStateTitle") });
-};
-const UnregisterEntityDialog = (props) => {
-  const { open, onConfirm, onClose, entity } = props;
+}
+function DialogContents({
+  entity,
+  onConfirm,
+  onClose
+}) {
+  const classes = useStyles();
   const { t } = useTranslationRef(catalogReactTranslationRef);
-  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, children: [
-    /* @__PURE__ */ jsx(DialogTitle, { id: "responsive-dialog-title", children: t("unregisterEntityDialog.title") }),
-    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Contents, { entity, onConfirm, onClose }) })
+  const configApi = useApi(configApiRef);
+  const appTitle = configApi.getOptionalString("app.title") ?? "Backstage";
+  const handlers = useUnregisterDialogHandlers(entity, onConfirm, onClose);
+  const { body, actionButton } = useDialogContent(handlers, appTitle);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: t("unregisterEntityDialog.title") }),
+    /* @__PURE__ */ jsx(DialogBody, { className: classes.bodyContent, children: body }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onPress: onClose, children: t("unregisterEntityDialog.cancelButtonTitle") }),
+      actionButton
+    ] })
   ] });
+}
+const UnregisterEntityDialog = (props) => {
+  const { open, onConfirm, onClose, entity } = props;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      isOpen: open,
+      onOpenChange: (isOpen) => !isOpen && onClose(),
+      width: 600,
+      children: open && /* @__PURE__ */ jsx(
+        DialogContents,
+        {
+          entity,
+          onConfirm,
+          onClose
+        }
+      )
+    }
+  );
 };
 
 export { UnregisterEntityDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"UnregisterEntityDialog.esm.js","sources":["../../../src/components/UnregisterEntityDialog/UnregisterEntityDialog.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 { Entity } from '@backstage/catalog-model';\nimport { EntityRefLink } from '../EntityRefLink';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Divider from '@material-ui/core/Divider';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Alert from '@material-ui/lab/Alert';\nimport { useCallback, useState } from 'react';\nimport { useUnregisterEntityDialogState } from './useUnregisterEntityDialogState';\n\nimport { alertApiRef, configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { assertError } from '@backstage/errors';\nimport { catalogReactTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nconst useStyles = makeStyles({\n  advancedButton: {\n    fontSize: '0.7em',\n  },\n  dialogActions: {\n    display: 'inline-block',\n  },\n});\n\nconst Contents = ({\n  entity,\n  onConfirm,\n  onClose,\n}: {\n  entity: Entity;\n  onConfirm: () => any;\n  onClose: () => any;\n}) => {\n  const alertApi = useApi(alertApiRef);\n  const configApi = useApi(configApiRef);\n  const classes = useStyles();\n  const state = useUnregisterEntityDialogState(entity);\n  const [showDelete, setShowDelete] = useState(false);\n  const [busy, setBusy] = useState(false);\n  const appTitle = configApi.getOptionalString('app.title') ?? 'Backstage';\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n\n  const onUnregister = useCallback(\n    async function onUnregisterFn() {\n      if ('unregisterLocation' in state) {\n        setBusy(true);\n        try {\n          await state.unregisterLocation();\n          onConfirm();\n        } catch (err) {\n          assertError(err);\n          alertApi.post({ message: err.message });\n        } finally {\n          setBusy(false);\n        }\n      }\n    },\n    [alertApi, onConfirm, state],\n  );\n\n  const onDelete = useCallback(\n    async function onDeleteFn() {\n      if ('deleteEntity' in state) {\n        setBusy(true);\n        try {\n          await state.deleteEntity();\n          const entityName = entity.metadata.title ?? entity.metadata.name;\n          onConfirm();\n          alertApi.post({\n            message: t('unregisterEntityDialog.deleteEntitySuccessMessage', {\n              entityName,\n            }),\n            severity: 'success',\n            display: 'transient',\n          });\n        } catch (err) {\n          assertError(err);\n          alertApi.post({ message: err.message });\n        } finally {\n          setBusy(false);\n        }\n      }\n    },\n    [alertApi, onConfirm, state, entity, t],\n  );\n\n  const DialogActionsPanel = () => (\n    <DialogActions className={classes.dialogActions}>\n      <Button onClick={onClose} color=\"primary\">\n        {t('unregisterEntityDialog.cancelButtonTitle')}\n      </Button>\n    </DialogActions>\n  );\n\n  if (state.type === 'loading') {\n    return <Progress />;\n  }\n\n  if (state.type === 'error') {\n    return <ResponseErrorPanel error={state.error} />;\n  }\n\n  if (state.type === 'bootstrap') {\n    return (\n      <>\n        <Alert severity=\"info\">\n          {t('unregisterEntityDialog.bootstrapState.title', {\n            appTitle,\n            location: state.location,\n          })}\n        </Alert>\n\n        <Box marginTop={2}>\n          {!showDelete && (\n            <>\n              <Button\n                variant=\"text\"\n                size=\"small\"\n                color=\"primary\"\n                className={classes.advancedButton}\n                onClick={() => setShowDelete(true)}\n              >\n                {t('unregisterEntityDialog.bootstrapState.advancedOptions')}\n              </Button>\n              <DialogActionsPanel />\n            </>\n          )}\n\n          {showDelete && (\n            <>\n              <DialogContentText>\n                {t('unregisterEntityDialog.bootstrapState.advancedDescription')}\n              </DialogContentText>\n              <Button\n                variant=\"contained\"\n                color=\"secondary\"\n                disabled={busy}\n                onClick={onDelete}\n              >\n                {t('unregisterEntityDialog.deleteButtonTitle')}\n              </Button>\n              <DialogActionsPanel />\n            </>\n          )}\n        </Box>\n      </>\n    );\n  }\n\n  if (state.type === 'only-delete') {\n    return (\n      <>\n        <DialogContentText>\n          {t('unregisterEntityDialog.onlyDeleteStateTitle')}\n        </DialogContentText>\n        <Button\n          variant=\"contained\"\n          color=\"secondary\"\n          disabled={busy}\n          onClick={onDelete}\n        >\n          {t('unregisterEntityDialog.deleteButtonTitle')}\n        </Button>\n        <DialogActionsPanel />\n      </>\n    );\n  }\n\n  if (state.type === 'unregister') {\n    return (\n      <>\n        <DialogContentText>\n          {t('unregisterEntityDialog.unregisterState.title')}\n        </DialogContentText>\n        <DialogContentText component=\"ul\">\n          {state.colocatedEntities.map(e => (\n            <li key={`${e.kind}:${e.namespace}/${e.name}`}>\n              <EntityRefLink entityRef={e} />\n            </li>\n          ))}\n        </DialogContentText>\n        <DialogContentText>\n          {t('unregisterEntityDialog.unregisterState.subTitle')}\n        </DialogContentText>\n        <DialogContentText component=\"ul\">\n          <li>{state.location}</li>\n        </DialogContentText>\n        <DialogContentText>\n          {t('unregisterEntityDialog.unregisterState.description', {\n            appTitle,\n          })}\n        </DialogContentText>\n        <Box marginTop={2}>\n          <Button\n            variant=\"contained\"\n            color=\"secondary\"\n            disabled={busy}\n            onClick={onUnregister}\n          >\n            {t('unregisterEntityDialog.unregisterState.unregisterButtonTitle')}\n          </Button>\n          {!showDelete && (\n            <Box component=\"span\" marginLeft={2}>\n              <Button\n                variant=\"text\"\n                size=\"small\"\n                color=\"primary\"\n                className={classes.advancedButton}\n                onClick={() => setShowDelete(true)}\n              >\n                {t('unregisterEntityDialog.unregisterState.advancedOptions')}\n              </Button>\n            </Box>\n          )}\n        </Box>\n\n        {showDelete && (\n          <>\n            <Box paddingTop={4} paddingBottom={4}>\n              <Divider />\n            </Box>\n            <DialogContentText>\n              {t('unregisterEntityDialog.unregisterState.advancedDescription')}\n            </DialogContentText>\n            <Button\n              variant=\"contained\"\n              color=\"secondary\"\n              disabled={busy}\n              onClick={onDelete}\n            >\n              {t('unregisterEntityDialog.deleteButtonTitle')}\n            </Button>\n          </>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <Alert severity=\"error\">\n      {t('unregisterEntityDialog.errorStateTitle')}\n    </Alert>\n  );\n};\n\n/** @public */\nexport type UnregisterEntityDialogProps = {\n  open: boolean;\n  onConfirm: () => any;\n  onClose: () => any;\n  entity: Entity;\n};\n\n/** @public */\nexport const UnregisterEntityDialog = (props: UnregisterEntityDialogProps) => {\n  const { open, onConfirm, onClose, entity } = props;\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n  return (\n    <Dialog open={open} onClose={onClose}>\n      <DialogTitle id=\"responsive-dialog-title\">\n        {t('unregisterEntityDialog.title')}\n      </DialogTitle>\n      <DialogContent>\n        <Contents entity={entity} onConfirm={onConfirm} onClose={onClose} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UnregisterEntityDialog.esm.js","sources":["../../../src/components/UnregisterEntityDialog/UnregisterEntityDialog.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 { CompoundEntityRef, Entity } from '@backstage/catalog-model';\nimport { EntityRefLink } from '../EntityRefLink';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ReactNode, useCallback, useState } from 'react';\nimport {\n  UseUnregisterEntityDialogState,\n  useUnregisterEntityDialogState,\n} from './useUnregisterEntityDialogState';\n\nimport { alertApiRef, configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { assertError } from '@backstage/errors';\nimport { catalogReactTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Accordion,\n  AccordionPanel,\n  AccordionTrigger,\n  Alert,\n  Box,\n  Button,\n  Dialog,\n  DialogBody,\n  DialogFooter,\n  DialogHeader,\n  Text,\n} from '@backstage/ui';\n\nconst useStyles = makeStyles({\n  bodyContent: {\n    overflowWrap: 'break-word',\n  },\n});\n\ntype DialogHandlers = {\n  state: UseUnregisterEntityDialogState;\n  busyAction: 'unregister' | 'delete' | null;\n  onUnregister: () => Promise<void>;\n  onDelete: () => Promise<void>;\n  onClose: () => void;\n};\n\nfunction useUnregisterDialogHandlers(\n  entity: Entity,\n  onConfirm: () => void,\n  onClose: () => void,\n): DialogHandlers {\n  const alertApi = useApi(alertApiRef);\n  const state = useUnregisterEntityDialogState(entity);\n  const [busyAction, setBusyAction] = useState<'unregister' | 'delete' | null>(\n    null,\n  );\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n\n  const onUnregister = useCallback(async () => {\n    if ('unregisterLocation' in state) {\n      setBusyAction('unregister');\n      try {\n        await state.unregisterLocation();\n        onConfirm();\n      } catch (err) {\n        assertError(err);\n        alertApi.post({ message: err.message });\n      } finally {\n        setBusyAction(null);\n      }\n    }\n  }, [alertApi, onConfirm, state]);\n\n  const onDelete = useCallback(async () => {\n    if ('deleteEntity' in state) {\n      setBusyAction('delete');\n      try {\n        await state.deleteEntity();\n        const entityName = entity.metadata.title ?? entity.metadata.name;\n        onConfirm();\n        alertApi.post({\n          message: t('unregisterEntityDialog.deleteEntitySuccessMessage', {\n            entityName,\n          }),\n          severity: 'success',\n          display: 'transient',\n        });\n      } catch (err) {\n        assertError(err);\n        alertApi.post({ message: err.message });\n      } finally {\n        setBusyAction(null);\n      }\n    }\n  }, [alertApi, onConfirm, state, entity, t]);\n\n  return { state, busyAction, onUnregister, onDelete, onClose };\n}\n\nfunction AdvancedDeleteAccordion({\n  triggerTitle,\n  description,\n  onDelete,\n  busyAction,\n}: {\n  triggerTitle: string;\n  description: string;\n  onDelete: () => void;\n  busyAction: 'unregister' | 'delete' | null;\n}) {\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n\n  return (\n    <Box mt=\"4\">\n      <Accordion>\n        <AccordionTrigger title={triggerTitle} />\n        <AccordionPanel>\n          <Text as=\"p\">{description}</Text>\n          <Box mt=\"4\">\n            <Button\n              variant=\"primary\"\n              destructive\n              loading={busyAction === 'delete'}\n              isDisabled={busyAction !== null && busyAction !== 'delete'}\n              onPress={onDelete}\n            >\n              {t('unregisterEntityDialog.deleteButtonTitle')}\n            </Button>\n          </Box>\n        </AccordionPanel>\n      </Accordion>\n    </Box>\n  );\n}\n\nfunction BootstrapBody({\n  location,\n  appTitle,\n  onDelete,\n  busyAction,\n}: {\n  location: string;\n  appTitle: string;\n  onDelete: () => void;\n  busyAction: 'unregister' | 'delete' | null;\n}) {\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n\n  return (\n    <>\n      <Alert\n        status=\"info\"\n        icon\n        description={t('unregisterEntityDialog.bootstrapState.title', {\n          appTitle,\n          location,\n        })}\n      />\n      <AdvancedDeleteAccordion\n        triggerTitle={t(\n          'unregisterEntityDialog.bootstrapState.advancedOptions',\n        )}\n        description={t(\n          'unregisterEntityDialog.bootstrapState.advancedDescription',\n        )}\n        onDelete={onDelete}\n        busyAction={busyAction}\n      />\n    </>\n  );\n}\n\nfunction OnlyDeleteBody() {\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n\n  return <Text as=\"p\">{t('unregisterEntityDialog.onlyDeleteStateTitle')}</Text>;\n}\n\nfunction UnregisterBody({\n  state,\n  appTitle,\n  onDelete,\n  busyAction,\n}: {\n  state: Extract<UseUnregisterEntityDialogState, { type: 'unregister' }>;\n  appTitle: string;\n  onDelete: () => void;\n  busyAction: 'unregister' | 'delete' | null;\n}) {\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n\n  return (\n    <>\n      <Text as=\"p\">{t('unregisterEntityDialog.unregisterState.title')}</Text>\n      <ul>\n        {state.colocatedEntities.map((e: CompoundEntityRef) => (\n          <li key={`${e.kind}:${e.namespace}/${e.name}`}>\n            <EntityRefLink entityRef={e} />\n          </li>\n        ))}\n      </ul>\n      <Text as=\"p\">{t('unregisterEntityDialog.unregisterState.subTitle')}</Text>\n      <ul>\n        <li>{state.location}</li>\n      </ul>\n      <Text as=\"p\">\n        {t('unregisterEntityDialog.unregisterState.description', {\n          appTitle,\n        })}\n      </Text>\n      <AdvancedDeleteAccordion\n        triggerTitle={t(\n          'unregisterEntityDialog.unregisterState.advancedOptions',\n        )}\n        description={t(\n          'unregisterEntityDialog.unregisterState.advancedDescription',\n        )}\n        onDelete={onDelete}\n        busyAction={busyAction}\n      />\n    </>\n  );\n}\n\nfunction useDialogContent(\n  handlers: DialogHandlers,\n  appTitle: string,\n): { body: ReactNode; actionButton: ReactNode | null } {\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n  const { state, busyAction, onUnregister, onDelete } = handlers;\n\n  switch (state.type) {\n    case 'loading':\n      return { body: <Progress />, actionButton: null };\n    case 'error':\n      return {\n        body: <ResponseErrorPanel error={state.error} />,\n        actionButton: null,\n      };\n    case 'bootstrap':\n      return {\n        body: (\n          <BootstrapBody\n            location={state.location}\n            appTitle={appTitle}\n            onDelete={onDelete}\n            busyAction={busyAction}\n          />\n        ),\n        actionButton: null,\n      };\n    case 'only-delete':\n      return {\n        body: <OnlyDeleteBody />,\n        actionButton: (\n          <Button\n            variant=\"primary\"\n            destructive\n            loading={busyAction === 'delete'}\n            isDisabled={busyAction !== null && busyAction !== 'delete'}\n            onPress={onDelete}\n          >\n            {t('unregisterEntityDialog.deleteButtonTitle')}\n          </Button>\n        ),\n      };\n    case 'unregister':\n      return {\n        body: (\n          <UnregisterBody\n            state={state}\n            appTitle={appTitle}\n            onDelete={onDelete}\n            busyAction={busyAction}\n          />\n        ),\n        actionButton: (\n          <Button\n            variant=\"primary\"\n            destructive\n            loading={busyAction === 'unregister'}\n            isDisabled={busyAction !== null && busyAction !== 'unregister'}\n            onPress={onUnregister}\n          >\n            {t('unregisterEntityDialog.unregisterState.unregisterButtonTitle')}\n          </Button>\n        ),\n      };\n    default:\n      return {\n        body: (\n          <Alert\n            status=\"danger\"\n            description={t('unregisterEntityDialog.errorStateTitle')}\n          />\n        ),\n        actionButton: null,\n      };\n  }\n}\n\n/** @public */\nexport type UnregisterEntityDialogProps = {\n  open: boolean;\n  onConfirm: () => any;\n  onClose: () => any;\n  entity: Entity;\n};\n\nfunction DialogContents({\n  entity,\n  onConfirm,\n  onClose,\n}: {\n  entity: Entity;\n  onConfirm: () => void;\n  onClose: () => void;\n}) {\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n  const configApi = useApi(configApiRef);\n  const appTitle = configApi.getOptionalString('app.title') ?? 'Backstage';\n\n  const handlers = useUnregisterDialogHandlers(entity, onConfirm, onClose);\n  const { body, actionButton } = useDialogContent(handlers, appTitle);\n\n  return (\n    <>\n      <DialogHeader>{t('unregisterEntityDialog.title')}</DialogHeader>\n      <DialogBody className={classes.bodyContent}>{body}</DialogBody>\n      <DialogFooter>\n        <Button variant=\"secondary\" onPress={onClose}>\n          {t('unregisterEntityDialog.cancelButtonTitle')}\n        </Button>\n        {actionButton}\n      </DialogFooter>\n    </>\n  );\n}\n\n/** @public */\nexport const UnregisterEntityDialog = (props: UnregisterEntityDialogProps) => {\n  const { open, onConfirm, onClose, entity } = props;\n\n  return (\n    <Dialog\n      isOpen={open}\n      onOpenChange={isOpen => !isOpen && onClose()}\n      width={600}\n    >\n      {open && (\n        <DialogContents\n          entity={entity}\n          onConfirm={onConfirm}\n          onClose={onClose}\n        />\n      )}\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-react",
-  "version": "1.21.6-next.0",
+  "version": "1.22.0-next.1",
   "description": "A frontend library that helps other Backstage plugins interact with the catalog",
   "backstage": {
     "role": "web-library",
@@ -75,17 +75,18 @@
   "dependencies": {
     "@backstage/catalog-client": "1.12.1",
     "@backstage/catalog-model": "1.7.6",
-    "@backstage/core-compat-api": "0.5.7-next.0",
-    "@backstage/core-components": "0.18.6-next.0",
-    "@backstage/core-plugin-api": "1.12.2-next.0",
+    "@backstage/core-compat-api": "0.5.8-next.1",
+    "@backstage/core-components": "0.18.7-next.1",
+    "@backstage/core-plugin-api": "1.12.3-next.0",
     "@backstage/errors": "1.2.7",
-    "@backstage/frontend-plugin-api": "0.14.0-next.0",
-    "@backstage/frontend-test-utils": "0.4.5-next.0",
-    "@backstage/integration-react": "1.2.15-next.0",
+    "@backstage/frontend-plugin-api": "0.14.0-next.1",
+    "@backstage/frontend-test-utils": "0.4.6-next.1",
+    "@backstage/integration-react": "1.2.15-next.1",
     "@backstage/plugin-catalog-common": "1.1.8-next.0",
-    "@backstage/plugin-permission-common": "0.9.5-next.0",
+    "@backstage/plugin-permission-common": "0.9.6-next.0",
     "@backstage/plugin-permission-react": "0.4.40-next.0",
     "@backstage/types": "1.2.2",
+    "@backstage/ui": "0.12.0-next.1",
     "@backstage/version-bridge": "1.0.11",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
@@ -100,11 +101,11 @@
     "zen-observable": "^0.10.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.35.3-next.0",
-    "@backstage/core-app-api": "1.19.4-next.0",
+    "@backstage/cli": "0.35.4-next.1",
+    "@backstage/core-app-api": "1.19.5-next.0",
     "@backstage/plugin-catalog-common": "1.1.8-next.0",
-    "@backstage/plugin-scaffolder-common": "1.7.6-next.0",
-    "@backstage/test-utils": "1.7.15-next.0",
+    "@backstage/plugin-scaffolder-common": "1.7.6-next.1",
+    "@backstage/test-utils": "1.7.15-next.1",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",