@backstage/plugin-catalog-react 1.12.3-next.3 → 1.12.4-next.0

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @backstage/plugin-catalog-react
 
+## 1.12.4-next.0
+
+### Patch Changes
+
+- fec8b57: Updated exports to use the new type parameters for extensions and extension blueprints.
+- 5446061: The `/alpha` export no longer export extension creators for the new frontend system, existing usage should be switched to use the equivalent extension blueprint instead. For more information see the [new frontend system 1.30 migration documentation](https://backstage.io/docs/frontend-system/architecture/migrations#130).
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.8.0-next.0
+  - @backstage/core-compat-api@0.2.9-next.0
+  - @backstage/catalog-client@1.6.6
+  - @backstage/catalog-model@1.6.0
+  - @backstage/core-components@0.14.10
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/errors@1.2.4
+  - @backstage/integration-react@1.1.30
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.8
+  - @backstage/plugin-catalog-common@1.0.26
+  - @backstage/plugin-permission-common@0.8.1
+  - @backstage/plugin-permission-react@0.4.25
+
+## 1.12.3
+
+### Patch Changes
+
+- 7bd27e1: Deprecate the old pattern of `create*Extension`, and replace it with the equivalent Blueprint implementation instead.
+- 31bfc44: Updated alpha definitions of extension data references.
+- 7ca331c: Correct `EntityDisplayName`'s icon alignment with the text.
+- 9b89b82: Internal refactor to remove unnecessary `routable` prop in the implementation of the `createEntityContentExtension` alpha export.
+- bebd569: Fix extra divider displayed on user list picker component
+- 519b8e0: Added utilities for converting existing entity card and content extensions to the new frontend system. This is in particular useful when used in combination with the new `convertLegacyPlugin` utility from `@backstage/core-compat-api`.
+- d001a42: Fix label related accessibility issues with `FavorityEntity`
+- 012e3eb: Entity page extensions created for the new frontend system via the `/alpha` exports will now be enabled by default.
+- 6349099: Added config input type to the extensions
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.7.0
+  - @backstage/core-components@0.14.10
+  - @backstage/plugin-permission-common@0.8.1
+  - @backstage/core-compat-api@0.2.8
+  - @backstage/catalog-model@1.6.0
+  - @backstage/catalog-client@1.6.6
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/errors@1.2.4
+  - @backstage/integration-react@1.1.30
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.8
+  - @backstage/plugin-catalog-common@1.0.26
+  - @backstage/plugin-permission-react@0.4.25
+
 ## 1.12.3-next.3
 
 ### Patch Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-react__alpha",
-  "version": "1.12.3-next.3",
+  "version": "1.12.4-next.0",
   "main": "../dist/alpha.esm.js",
   "module": "../dist/alpha.esm.js",
   "types": "../dist/alpha.d.ts"

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

@@ -0,0 +1,37 @@
+import { createExtensionBlueprint, coreExtensionData, ExtensionBoundary } from '@backstage/frontend-plugin-api';
+import { entityFilterFunctionDataRef, entityFilterExpressionDataRef } from './extensionData.esm.js';
+
+const EntityCardBlueprint = createExtensionBlueprint({
+  kind: "entity-card",
+  attachTo: { id: "entity-content:catalog/overview", input: "cards" },
+  output: [
+    coreExtensionData.reactElement,
+    entityFilterFunctionDataRef.optional(),
+    entityFilterExpressionDataRef.optional()
+  ],
+  dataRefs: {
+    filterFunction: entityFilterFunctionDataRef,
+    filterExpression: entityFilterExpressionDataRef
+  },
+  config: {
+    schema: {
+      filter: (z) => z.string().optional()
+    }
+  },
+  *factory({
+    loader,
+    filter
+  }, { node, config }) {
+    yield coreExtensionData.reactElement(ExtensionBoundary.lazy(node, loader));
+    if (config.filter) {
+      yield entityFilterExpressionDataRef(config.filter);
+    } else if (typeof filter === "string") {
+      yield entityFilterExpressionDataRef(filter);
+    } else if (typeof filter === "function") {
+      yield entityFilterFunctionDataRef(filter);
+    }
+  }
+});
+
+export { EntityCardBlueprint };
+//# sourceMappingURL=EntityCardBlueprint.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCardBlueprint.esm.js","sources":["../../../src/alpha/blueprints/EntityCardBlueprint.ts"],"sourcesContent":["/*\n * Copyright 2024 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  ExtensionBoundary,\n  coreExtensionData,\n  createExtensionBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  entityFilterFunctionDataRef,\n  entityFilterExpressionDataRef,\n} from './extensionData';\n\n/**\n * @alpha\n * A blueprint for creating cards for the entity pages in the catalog.\n */\nexport const EntityCardBlueprint = createExtensionBlueprint({\n  kind: 'entity-card',\n  attachTo: { id: 'entity-content:catalog/overview', input: 'cards' },\n  output: [\n    coreExtensionData.reactElement,\n    entityFilterFunctionDataRef.optional(),\n    entityFilterExpressionDataRef.optional(),\n  ],\n  dataRefs: {\n    filterFunction: entityFilterFunctionDataRef,\n    filterExpression: entityFilterExpressionDataRef,\n  },\n  config: {\n    schema: {\n      filter: z => z.string().optional(),\n    },\n  },\n  *factory(\n    {\n      loader,\n      filter,\n    }: {\n      loader: () => Promise<JSX.Element>;\n      filter?:\n        | typeof entityFilterFunctionDataRef.T\n        | typeof entityFilterExpressionDataRef.T;\n    },\n    { node, config },\n  ) {\n    yield coreExtensionData.reactElement(ExtensionBoundary.lazy(node, loader));\n\n    if (config.filter) {\n      yield entityFilterExpressionDataRef(config.filter);\n    } else if (typeof filter === 'string') {\n      yield entityFilterExpressionDataRef(filter);\n    } else if (typeof filter === 'function') {\n      yield entityFilterFunctionDataRef(filter);\n    }\n  },\n});\n"],"names":[],"mappings":";;;AA8BO,MAAM,sBAAsB,wBAAyB,CAAA;AAAA,EAC1D,IAAM,EAAA,aAAA;AAAA,EACN,QAAU,EAAA,EAAE,EAAI,EAAA,iCAAA,EAAmC,OAAO,OAAQ,EAAA;AAAA,EAClE,MAAQ,EAAA;AAAA,IACN,iBAAkB,CAAA,YAAA;AAAA,IAClB,4BAA4B,QAAS,EAAA;AAAA,IACrC,8BAA8B,QAAS,EAAA;AAAA,GACzC;AAAA,EACA,QAAU,EAAA;AAAA,IACR,cAAgB,EAAA,2BAAA;AAAA,IAChB,gBAAkB,EAAA,6BAAA;AAAA,GACpB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAA,GAAS,QAAS,EAAA;AAAA,KACnC;AAAA,GACF;AAAA,EACA,CAAC,OACC,CAAA;AAAA,IACE,MAAA;AAAA,IACA,MAAA;AAAA,GAOF,EAAA,EAAE,IAAM,EAAA,MAAA,EACR,EAAA;AACA,IAAA,MAAM,kBAAkB,YAAa,CAAA,iBAAA,CAAkB,IAAK,CAAA,IAAA,EAAM,MAAM,CAAC,CAAA,CAAA;AAEzE,IAAA,IAAI,OAAO,MAAQ,EAAA;AACjB,MAAM,MAAA,6BAAA,CAA8B,OAAO,MAAM,CAAA,CAAA;AAAA,KACnD,MAAA,IAAW,OAAO,MAAA,KAAW,QAAU,EAAA;AACrC,MAAA,MAAM,8BAA8B,MAAM,CAAA,CAAA;AAAA,KAC5C,MAAA,IAAW,OAAO,MAAA,KAAW,UAAY,EAAA;AACvC,MAAA,MAAM,4BAA4B,MAAM,CAAA,CAAA;AAAA,KAC1C;AAAA,GACF;AACF,CAAC;;;;"}

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

@@ -0,0 +1,53 @@
+import { createExtensionBlueprint, coreExtensionData, ExtensionBoundary } from '@backstage/frontend-plugin-api';
+import { entityContentTitleDataRef, entityFilterFunctionDataRef, entityFilterExpressionDataRef } from './extensionData.esm.js';
+
+const EntityContentBlueprint = createExtensionBlueprint({
+  kind: "entity-content",
+  attachTo: { id: "page:catalog/entity", input: "contents" },
+  output: [
+    coreExtensionData.reactElement,
+    coreExtensionData.routePath,
+    entityContentTitleDataRef,
+    coreExtensionData.routeRef.optional(),
+    entityFilterFunctionDataRef.optional(),
+    entityFilterExpressionDataRef.optional()
+  ],
+  dataRefs: {
+    title: entityContentTitleDataRef,
+    filterFunction: entityFilterFunctionDataRef,
+    filterExpression: entityFilterExpressionDataRef
+  },
+  config: {
+    schema: {
+      path: (z) => z.string().optional(),
+      title: (z) => z.string().optional(),
+      filter: (z) => z.string().optional()
+    }
+  },
+  *factory({
+    loader,
+    defaultPath,
+    defaultTitle,
+    filter,
+    routeRef
+  }, { node, config }) {
+    const path = config.path ?? defaultPath;
+    const title = config.title ?? defaultTitle;
+    yield coreExtensionData.reactElement(ExtensionBoundary.lazy(node, loader));
+    yield coreExtensionData.routePath(path);
+    yield entityContentTitleDataRef(title);
+    if (routeRef) {
+      yield coreExtensionData.routeRef(routeRef);
+    }
+    if (config.filter) {
+      yield entityFilterExpressionDataRef(config.filter);
+    } else if (typeof filter === "string") {
+      yield entityFilterExpressionDataRef(filter);
+    } else if (typeof filter === "function") {
+      yield entityFilterFunctionDataRef(filter);
+    }
+  }
+});
+
+export { EntityContentBlueprint };
+//# sourceMappingURL=EntityContentBlueprint.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityContentBlueprint.esm.js","sources":["../../../src/alpha/blueprints/EntityContentBlueprint.ts"],"sourcesContent":["/*\n * Copyright 2024 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  coreExtensionData,\n  createExtensionBlueprint,\n  ExtensionBoundary,\n  RouteRef,\n} from '@backstage/frontend-plugin-api';\nimport {\n  entityContentTitleDataRef,\n  entityFilterFunctionDataRef,\n  entityFilterExpressionDataRef,\n} from './extensionData';\n\n/**\n * @alpha\n * Creates an EntityContent extension.\n */\nexport const EntityContentBlueprint = createExtensionBlueprint({\n  kind: 'entity-content',\n  attachTo: { id: 'page:catalog/entity', input: 'contents' },\n  output: [\n    coreExtensionData.reactElement,\n    coreExtensionData.routePath,\n    entityContentTitleDataRef,\n    coreExtensionData.routeRef.optional(),\n    entityFilterFunctionDataRef.optional(),\n    entityFilterExpressionDataRef.optional(),\n  ],\n  dataRefs: {\n    title: entityContentTitleDataRef,\n    filterFunction: entityFilterFunctionDataRef,\n    filterExpression: entityFilterExpressionDataRef,\n  },\n  config: {\n    schema: {\n      path: z => z.string().optional(),\n      title: z => z.string().optional(),\n      filter: z => z.string().optional(),\n    },\n  },\n  *factory(\n    {\n      loader,\n      defaultPath,\n      defaultTitle,\n      filter,\n      routeRef,\n    }: {\n      loader: () => Promise<JSX.Element>;\n      defaultPath: string;\n      defaultTitle: string;\n      routeRef?: RouteRef;\n      filter?:\n        | typeof entityFilterFunctionDataRef.T\n        | typeof entityFilterExpressionDataRef.T;\n    },\n    { node, config },\n  ) {\n    const path = config.path ?? defaultPath;\n    const title = config.title ?? defaultTitle;\n\n    yield coreExtensionData.reactElement(ExtensionBoundary.lazy(node, loader));\n\n    yield coreExtensionData.routePath(path);\n\n    yield entityContentTitleDataRef(title);\n\n    if (routeRef) {\n      yield coreExtensionData.routeRef(routeRef);\n    }\n\n    if (config.filter) {\n      yield entityFilterExpressionDataRef(config.filter);\n    } else if (typeof filter === 'string') {\n      yield entityFilterExpressionDataRef(filter);\n    } else if (typeof filter === 'function') {\n      yield entityFilterFunctionDataRef(filter);\n    }\n  },\n});\n"],"names":[],"mappings":";;;AAgCO,MAAM,yBAAyB,wBAAyB,CAAA;AAAA,EAC7D,IAAM,EAAA,gBAAA;AAAA,EACN,QAAU,EAAA,EAAE,EAAI,EAAA,qBAAA,EAAuB,OAAO,UAAW,EAAA;AAAA,EACzD,MAAQ,EAAA;AAAA,IACN,iBAAkB,CAAA,YAAA;AAAA,IAClB,iBAAkB,CAAA,SAAA;AAAA,IAClB,yBAAA;AAAA,IACA,iBAAA,CAAkB,SAAS,QAAS,EAAA;AAAA,IACpC,4BAA4B,QAAS,EAAA;AAAA,IACrC,8BAA8B,QAAS,EAAA;AAAA,GACzC;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,yBAAA;AAAA,IACP,cAAgB,EAAA,2BAAA;AAAA,IAChB,gBAAkB,EAAA,6BAAA;AAAA,GACpB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAA,GAAS,QAAS,EAAA;AAAA,MAC/B,KAAO,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAA,GAAS,QAAS,EAAA;AAAA,MAChC,MAAQ,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAA,GAAS,QAAS,EAAA;AAAA,KACnC;AAAA,GACF;AAAA,EACA,CAAC,OACC,CAAA;AAAA,IACE,MAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAUF,EAAA,EAAE,IAAM,EAAA,MAAA,EACR,EAAA;AACA,IAAM,MAAA,IAAA,GAAO,OAAO,IAAQ,IAAA,WAAA,CAAA;AAC5B,IAAM,MAAA,KAAA,GAAQ,OAAO,KAAS,IAAA,YAAA,CAAA;AAE9B,IAAA,MAAM,kBAAkB,YAAa,CAAA,iBAAA,CAAkB,IAAK,CAAA,IAAA,EAAM,MAAM,CAAC,CAAA,CAAA;AAEzE,IAAM,MAAA,iBAAA,CAAkB,UAAU,IAAI,CAAA,CAAA;AAEtC,IAAA,MAAM,0BAA0B,KAAK,CAAA,CAAA;AAErC,IAAA,IAAI,QAAU,EAAA;AACZ,MAAM,MAAA,iBAAA,CAAkB,SAAS,QAAQ,CAAA,CAAA;AAAA,KAC3C;AAEA,IAAA,IAAI,OAAO,MAAQ,EAAA;AACjB,MAAM,MAAA,6BAAA,CAA8B,OAAO,MAAM,CAAA,CAAA;AAAA,KACnD,MAAA,IAAW,OAAO,MAAA,KAAW,QAAU,EAAA;AACrC,MAAA,MAAM,8BAA8B,MAAM,CAAA,CAAA;AAAA,KAC5C,MAAA,IAAW,OAAO,MAAA,KAAW,UAAY,EAAA;AACvC,MAAA,MAAM,4BAA4B,MAAM,CAAA,CAAA;AAAA,KAC1C;AAAA,GACF;AACF,CAAC;;;;"}

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

@@ -0,0 +1,12 @@
+import { createExtensionDataRef } from '@backstage/frontend-plugin-api';
+
+const entityContentTitleDataRef = createExtensionDataRef().with({
+  id: "catalog.entity-content-title"
+});
+const entityFilterFunctionDataRef = createExtensionDataRef().with({ id: "catalog.entity-filter-function" });
+const entityFilterExpressionDataRef = createExtensionDataRef().with({
+  id: "catalog.entity-filter-expression"
+});
+
+export { entityContentTitleDataRef, entityFilterExpressionDataRef, entityFilterFunctionDataRef };
+//# sourceMappingURL=extensionData.esm.js.map

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

@@ -0,0 +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"],"names":[],"mappings":";;AAoBa,MAAA,yBAAA,GAA4B,sBAA+B,EAAA,CAAE,IAAK,CAAA;AAAA,EAC7E,EAAI,EAAA,8BAAA;AACN,CAAC,EAAA;AAGM,MAAM,8BAA8B,sBAEzC,EAAA,CAAE,KAAK,EAAE,EAAA,EAAI,kCAAkC,EAAA;AAGpC,MAAA,6BAAA,GACX,sBAA+B,EAAA,CAAE,IAAK,CAAA;AAAA,EACpC,EAAI,EAAA,kCAAA;AACN,CAAC;;;;"}

package/dist/alpha/converters/convertLegacyEntityCardExtension.esm.js

@@ -0,0 +1,36 @@
+import { compatWrapper } from '@backstage/core-compat-api';
+import { getComponentData } from '@backstage/core-plugin-api';
+import React from 'react';
+import { EntityCardBlueprint } from '../blueprints/EntityCardBlueprint.esm.js';
+import '../blueprints/EntityContentBlueprint.esm.js';
+import kebabCase from 'lodash/kebabCase';
+
+function convertLegacyEntityCardExtension(LegacyExtension, overrides) {
+  const element = /* @__PURE__ */ React.createElement(LegacyExtension, null);
+  const extName = getComponentData(element, "core.extensionName");
+  if (!extName) {
+    throw new Error("Extension has no name");
+  }
+  const plugin = getComponentData(element, "core.plugin");
+  const pluginId = plugin?.getId();
+  const match = extName.match(/^Entity(.*)Card$/);
+  const infix = match?.[1] ?? extName;
+  let name = infix;
+  if (pluginId && name.toLocaleLowerCase("en-US").startsWith(pluginId.toLocaleLowerCase("en-US"))) {
+    name = name.slice(pluginId.length);
+    if (!name) {
+      name = void 0;
+    }
+  }
+  name = name && kebabCase(name);
+  return EntityCardBlueprint.make({
+    name: overrides?.name ?? name,
+    params: {
+      filter: overrides?.filter,
+      loader: async () => compatWrapper(element)
+    }
+  });
+}
+
+export { convertLegacyEntityCardExtension };
+//# sourceMappingURL=convertLegacyEntityCardExtension.esm.js.map

package/dist/alpha/converters/convertLegacyEntityCardExtension.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertLegacyEntityCardExtension.esm.js","sources":["../../../src/alpha/converters/convertLegacyEntityCardExtension.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { compatWrapper } from '@backstage/core-compat-api';\nimport { BackstagePlugin, getComponentData } from '@backstage/core-plugin-api';\nimport { ExtensionDefinition } from '@backstage/frontend-plugin-api';\nimport React, { ComponentType } from 'react';\nimport { EntityCardBlueprint } from '../blueprints';\nimport kebabCase from 'lodash/kebabCase';\n\n/** @alpha */\nexport function convertLegacyEntityCardExtension(\n  LegacyExtension: ComponentType<{}>,\n  overrides?: {\n    name?: string;\n    filter?:\n      | typeof EntityCardBlueprint.dataRefs.filterFunction.T\n      | typeof EntityCardBlueprint.dataRefs.filterExpression.T;\n  },\n): ExtensionDefinition {\n  const element = <LegacyExtension />;\n\n  const extName = getComponentData<string>(element, 'core.extensionName');\n  if (!extName) {\n    throw new Error('Extension has no name');\n  }\n\n  const plugin = getComponentData<BackstagePlugin>(element, 'core.plugin');\n  const pluginId = plugin?.getId();\n\n  const match = extName.match(/^Entity(.*)Card$/);\n  const infix = match?.[1] ?? extName;\n\n  let name: string | undefined = infix;\n  if (\n    pluginId &&\n    name\n      .toLocaleLowerCase('en-US')\n      .startsWith(pluginId.toLocaleLowerCase('en-US'))\n  ) {\n    name = name.slice(pluginId.length);\n    if (!name) {\n      name = undefined;\n    }\n  }\n  name = name && kebabCase(name);\n\n  return EntityCardBlueprint.make({\n    name: overrides?.name ?? name,\n    params: {\n      filter: overrides?.filter,\n      loader: async () => compatWrapper(element),\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;;;AAwBgB,SAAA,gCAAA,CACd,iBACA,SAMqB,EAAA;AACrB,EAAM,MAAA,OAAA,uCAAW,eAAgB,EAAA,IAAA,CAAA,CAAA;AAEjC,EAAM,MAAA,OAAA,GAAU,gBAAyB,CAAA,OAAA,EAAS,oBAAoB,CAAA,CAAA;AACtE,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,uBAAuB,CAAA,CAAA;AAAA,GACzC;AAEA,EAAM,MAAA,MAAA,GAAS,gBAAkC,CAAA,OAAA,EAAS,aAAa,CAAA,CAAA;AACvE,EAAM,MAAA,QAAA,GAAW,QAAQ,KAAM,EAAA,CAAA;AAE/B,EAAM,MAAA,KAAA,GAAQ,OAAQ,CAAA,KAAA,CAAM,kBAAkB,CAAA,CAAA;AAC9C,EAAM,MAAA,KAAA,GAAQ,KAAQ,GAAA,CAAC,CAAK,IAAA,OAAA,CAAA;AAE5B,EAAA,IAAI,IAA2B,GAAA,KAAA,CAAA;AAC/B,EACE,IAAA,QAAA,IACA,IACG,CAAA,iBAAA,CAAkB,OAAO,CAAA,CACzB,WAAW,QAAS,CAAA,iBAAA,CAAkB,OAAO,CAAC,CACjD,EAAA;AACA,IAAO,IAAA,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AACjC,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAO,IAAA,GAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAAA,GACF;AACA,EAAO,IAAA,GAAA,IAAA,IAAQ,UAAU,IAAI,CAAA,CAAA;AAE7B,EAAA,OAAO,oBAAoB,IAAK,CAAA;AAAA,IAC9B,IAAA,EAAM,WAAW,IAAQ,IAAA,IAAA;AAAA,IACzB,MAAQ,EAAA;AAAA,MACN,QAAQ,SAAW,EAAA,MAAA;AAAA,MACnB,MAAA,EAAQ,YAAY,aAAA,CAAc,OAAO,CAAA;AAAA,KAC3C;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

package/dist/alpha/converters/convertLegacyEntityContentExtension.esm.js

@@ -0,0 +1,44 @@
+import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
+import { getComponentData } from '@backstage/core-plugin-api';
+import kebabCase from 'lodash/kebabCase';
+import startCase from 'lodash/startCase';
+import React from 'react';
+import '../blueprints/EntityCardBlueprint.esm.js';
+import { EntityContentBlueprint } from '../blueprints/EntityContentBlueprint.esm.js';
+
+function convertLegacyEntityContentExtension(LegacyExtension, overrides) {
+  const element = /* @__PURE__ */ React.createElement(LegacyExtension, null);
+  const extName = getComponentData(element, "core.extensionName");
+  if (!extName) {
+    throw new Error("Extension has no name");
+  }
+  const mountPoint = getComponentData(
+    element,
+    "core.mountPoint"
+  );
+  const plugin = getComponentData(element, "core.plugin");
+  const pluginId = plugin?.getId();
+  const match = extName.match(/^Entity(.*)Content$/);
+  const infix = match?.[1] ?? extName;
+  let name = infix;
+  if (pluginId && name.toLocaleLowerCase("en-US").startsWith(pluginId.toLocaleLowerCase("en-US"))) {
+    name = name.slice(pluginId.length);
+    if (!name) {
+      name = void 0;
+    }
+  }
+  name = name && kebabCase(name);
+  return EntityContentBlueprint.make({
+    name: overrides?.name ?? name,
+    params: {
+      filter: overrides?.filter,
+      defaultPath: overrides?.defaultPath ?? `/${kebabCase(infix)}`,
+      defaultTitle: overrides?.defaultTitle ?? startCase(infix),
+      routeRef: mountPoint && convertLegacyRouteRef(mountPoint),
+      loader: async () => compatWrapper(element)
+    }
+  });
+}
+
+export { convertLegacyEntityContentExtension };
+//# sourceMappingURL=convertLegacyEntityContentExtension.esm.js.map

package/dist/alpha/converters/convertLegacyEntityContentExtension.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertLegacyEntityContentExtension.esm.js","sources":["../../../src/alpha/converters/convertLegacyEntityContentExtension.tsx"],"sourcesContent":["/*\n * Copyright 2024 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  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport {\n  BackstagePlugin,\n  getComponentData,\n  RouteRef as LegacyRouteRef,\n} from '@backstage/core-plugin-api';\nimport { ExtensionDefinition } from '@backstage/frontend-plugin-api';\nimport kebabCase from 'lodash/kebabCase';\nimport startCase from 'lodash/startCase';\nimport React, { ComponentType } from 'react';\nimport { EntityContentBlueprint } from '../blueprints';\n\n/** @alpha */\nexport function convertLegacyEntityContentExtension(\n  LegacyExtension: ComponentType<{}>,\n  overrides?: {\n    name?: string;\n    filter?:\n      | typeof EntityContentBlueprint.dataRefs.filterFunction.T\n      | typeof EntityContentBlueprint.dataRefs.filterExpression.T;\n    defaultPath?: string;\n    defaultTitle?: string;\n  },\n): ExtensionDefinition {\n  const element = <LegacyExtension />;\n\n  const extName = getComponentData<string>(element, 'core.extensionName');\n  if (!extName) {\n    throw new Error('Extension has no name');\n  }\n\n  const mountPoint = getComponentData<LegacyRouteRef>(\n    element,\n    'core.mountPoint',\n  );\n\n  const plugin = getComponentData<BackstagePlugin>(element, 'core.plugin');\n  const pluginId = plugin?.getId();\n\n  const match = extName.match(/^Entity(.*)Content$/);\n  const infix = match?.[1] ?? extName;\n\n  let name: string | undefined = infix;\n  if (\n    pluginId &&\n    name\n      .toLocaleLowerCase('en-US')\n      .startsWith(pluginId.toLocaleLowerCase('en-US'))\n  ) {\n    name = name.slice(pluginId.length);\n    if (!name) {\n      name = undefined;\n    }\n  }\n  name = name && kebabCase(name);\n\n  return EntityContentBlueprint.make({\n    name: overrides?.name ?? name,\n    params: {\n      filter: overrides?.filter,\n      defaultPath: overrides?.defaultPath ?? `/${kebabCase(infix)}`,\n      defaultTitle: overrides?.defaultTitle ?? startCase(infix),\n      routeRef: mountPoint && convertLegacyRouteRef(mountPoint),\n      loader: async () => compatWrapper(element),\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;;;;AAgCgB,SAAA,mCAAA,CACd,iBACA,SAQqB,EAAA;AACrB,EAAM,MAAA,OAAA,uCAAW,eAAgB,EAAA,IAAA,CAAA,CAAA;AAEjC,EAAM,MAAA,OAAA,GAAU,gBAAyB,CAAA,OAAA,EAAS,oBAAoB,CAAA,CAAA;AACtE,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,uBAAuB,CAAA,CAAA;AAAA,GACzC;AAEA,EAAA,MAAM,UAAa,GAAA,gBAAA;AAAA,IACjB,OAAA;AAAA,IACA,iBAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,MAAA,GAAS,gBAAkC,CAAA,OAAA,EAAS,aAAa,CAAA,CAAA;AACvE,EAAM,MAAA,QAAA,GAAW,QAAQ,KAAM,EAAA,CAAA;AAE/B,EAAM,MAAA,KAAA,GAAQ,OAAQ,CAAA,KAAA,CAAM,qBAAqB,CAAA,CAAA;AACjD,EAAM,MAAA,KAAA,GAAQ,KAAQ,GAAA,CAAC,CAAK,IAAA,OAAA,CAAA;AAE5B,EAAA,IAAI,IAA2B,GAAA,KAAA,CAAA;AAC/B,EACE,IAAA,QAAA,IACA,IACG,CAAA,iBAAA,CAAkB,OAAO,CAAA,CACzB,WAAW,QAAS,CAAA,iBAAA,CAAkB,OAAO,CAAC,CACjD,EAAA;AACA,IAAO,IAAA,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AACjC,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAO,IAAA,GAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAAA,GACF;AACA,EAAO,IAAA,GAAA,IAAA,IAAQ,UAAU,IAAI,CAAA,CAAA;AAE7B,EAAA,OAAO,uBAAuB,IAAK,CAAA;AAAA,IACjC,IAAA,EAAM,WAAW,IAAQ,IAAA,IAAA;AAAA,IACzB,MAAQ,EAAA;AAAA,MACN,QAAQ,SAAW,EAAA,MAAA;AAAA,MACnB,aAAa,SAAW,EAAA,WAAA,IAAe,CAAI,CAAA,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA;AAAA,MAC3D,YAAc,EAAA,SAAA,EAAW,YAAgB,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MACxD,QAAA,EAAU,UAAc,IAAA,qBAAA,CAAsB,UAAU,CAAA;AAAA,MACxD,MAAA,EAAQ,YAAY,aAAA,CAAc,OAAO,CAAA;AAAA,KAC3C;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

package/dist/alpha.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
-import { AnyExtensionInputMap, PortableSchema, ResolvedExtensionInputs, RouteRef } from '@backstage/frontend-plugin-api';
+import { RouteRef, ExtensionDefinition } from '@backstage/frontend-plugin-api';
+import * as React from 'react';
+import { ComponentType } from 'react';
+import * as _backstage_catalog_model from '@backstage/catalog-model';
 import { Entity } from '@backstage/catalog-model';
-import { ResourcePermission } from '@backstage/plugin-permission-common';
 import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
+import { ResourcePermission } from '@backstage/plugin-permission-common';
 
 /**
  * Returns true if the `owner` argument is a direct owner on the `entity` argument.
@@ -17,29 +20,88 @@ import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/al
 declare function isOwnerOf(owner: Entity, entity: Entity): boolean;
 
 /**
- * Utility type to expand type aliases into their equivalent type.
- * @ignore
+ * @alpha
+ * A blueprint for creating cards for the entity pages in the catalog.
  */
-type Expand<T> = T extends infer O ? {
-    [K in keyof O]: O[K];
-} : never;
+declare const EntityCardBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "entity-card";
+    namespace: undefined;
+    name: undefined;
+    params: {
+        loader: () => Promise<JSX.Element>;
+        filter?: string | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+    };
+    output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<React.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+        optional: true;
+    }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+        optional: true;
+    }>;
+    inputs: {};
+    config: {
+        filter: string | undefined;
+    };
+    configInput: {
+        filter?: string | undefined;
+    };
+    dataRefs: {
+        filterFunction: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {}>;
+        filterExpression: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {}>;
+    };
+}>;
 
 /**
- * A thin wrapper around the
- * {@link @backstage/plugin-permission-react#usePermission} hook which uses the
- * current entity in context to make an authorization request for the given
- * {@link @backstage/plugin-catalog-common#CatalogEntityPermission}.
- *
- * Note: this hook blocks the permission request until the entity has loaded in
- * context. If you have the entityRef and need concurrent requests, use the
- * `usePermission` hook directly.
  * @alpha
+ * Creates an EntityContent extension.
  */
-declare function useEntityPermission(permission: ResourcePermission<'catalog-entity'>): {
-    loading: boolean;
-    allowed: boolean;
-    error?: Error;
-};
+declare const EntityContentBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "entity-content";
+    namespace: undefined;
+    name: undefined;
+    params: {
+        loader: () => Promise<JSX.Element>;
+        defaultPath: string;
+        defaultTitle: string;
+        routeRef?: RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
+        filter?: string | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+    };
+    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<RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        optional: true;
+    }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+        optional: true;
+    }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+        optional: true;
+    }>;
+    inputs: {};
+    config: {
+        path: string | undefined;
+        title: string | undefined;
+        filter: string | undefined;
+    };
+    configInput: {
+        filter?: string | undefined;
+        title?: string | undefined;
+        path?: string | undefined;
+    };
+    dataRefs: {
+        title: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-title", {}>;
+        filterFunction: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {}>;
+        filterExpression: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {}>;
+    };
+}>;
+
+/** @alpha */
+declare function convertLegacyEntityCardExtension(LegacyExtension: ComponentType<{}>, overrides?: {
+    name?: string;
+    filter?: typeof EntityCardBlueprint.dataRefs.filterFunction.T | typeof EntityCardBlueprint.dataRefs.filterExpression.T;
+}): ExtensionDefinition;
+
+/** @alpha */
+declare function convertLegacyEntityContentExtension(LegacyExtension: ComponentType<{}>, overrides?: {
+    name?: string;
+    filter?: typeof EntityContentBlueprint.dataRefs.filterFunction.T | typeof EntityContentBlueprint.dataRefs.filterExpression.T;
+    defaultPath?: string;
+    defaultTitle?: string;
+}): ExtensionDefinition;
 
 /** @alpha */
 declare const catalogReactTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"catalog-react", {
@@ -96,56 +158,21 @@ declare const catalogReactTranslationRef: _backstage_core_plugin_api_alpha.Trans
     readonly "userListPicker.personalFilter.starredLabel": "Starred";
 }>;
 
-/** @alpha */
-declare const catalogExtensionData: {
-    entityContentTitle: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-title", {}>;
-    entityFilterFunction: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: Entity) => boolean, "catalog.entity-filter-function", {}>;
-    entityFilterExpression: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {}>;
+/**
+ * A thin wrapper around the
+ * {@link @backstage/plugin-permission-react#usePermission} hook which uses the
+ * current entity in context to make an authorization request for the given
+ * {@link @backstage/plugin-catalog-common#CatalogEntityPermission}.
+ *
+ * Note: this hook blocks the permission request until the entity has loaded in
+ * context. If you have the entityRef and need concurrent requests, use the
+ * `usePermission` hook directly.
+ * @alpha
+ */
+declare function useEntityPermission(permission: ResourcePermission<'catalog-entity'>): {
+    loading: boolean;
+    allowed: boolean;
+    error?: Error;
 };
-/** @alpha */
-declare function createEntityCardExtension<TConfig extends {
-    filter?: string;
-}, TInputs extends AnyExtensionInputMap>(options: {
-    namespace?: string;
-    name?: string;
-    attachTo?: {
-        id: string;
-        input: string;
-    };
-    disabled?: boolean;
-    inputs?: TInputs;
-    configSchema?: PortableSchema<TConfig>;
-    filter?: typeof catalogExtensionData.entityFilterFunction.T | typeof catalogExtensionData.entityFilterExpression.T;
-    loader: (options: {
-        config: TConfig;
-        inputs: Expand<ResolvedExtensionInputs<TInputs>>;
-    }) => Promise<JSX.Element>;
-}): _backstage_frontend_plugin_api.ExtensionDefinition<TConfig, TConfig, never, never, string | undefined, string | undefined, string | undefined>;
-/** @alpha */
-declare function createEntityContentExtension<TInputs extends AnyExtensionInputMap>(options: {
-    namespace?: string;
-    name?: string;
-    attachTo?: {
-        id: string;
-        input: string;
-    };
-    disabled?: boolean;
-    inputs?: TInputs;
-    routeRef?: RouteRef;
-    defaultPath: string;
-    defaultTitle: string;
-    filter?: typeof catalogExtensionData.entityFilterFunction.T | typeof catalogExtensionData.entityFilterExpression.T;
-    loader: (options: {
-        inputs: Expand<ResolvedExtensionInputs<TInputs>>;
-    }) => Promise<JSX.Element>;
-}): _backstage_frontend_plugin_api.ExtensionDefinition<{
-    title: string;
-    path: string;
-    filter?: string | undefined;
-}, {
-    filter?: string | undefined;
-    title?: string | undefined;
-    path?: string | undefined;
-}, never, never, string | undefined, string | undefined, string | undefined>;
 
-export { catalogExtensionData, catalogReactTranslationRef, createEntityCardExtension, createEntityContentExtension, isOwnerOf, useEntityPermission };
+export { EntityCardBlueprint, EntityContentBlueprint, catalogReactTranslationRef, convertLegacyEntityCardExtension, convertLegacyEntityContentExtension, isOwnerOf, useEntityPermission };

package/dist/alpha.esm.js

@@ -1,103 +1,8 @@
-import { createExtensionDataRef, createSchemaFromZod, createExtension, coreExtensionData, ExtensionBoundary } from '@backstage/frontend-plugin-api';
-import React, { lazy } from 'react';
-export { useEntityPermission } from './hooks/useEntityPermission.esm.js';
-import '@backstage/catalog-model';
-export { isOwnerOf } from './utils/isOwnerOf.esm.js';
+export { EntityCardBlueprint } from './alpha/blueprints/EntityCardBlueprint.esm.js';
+export { EntityContentBlueprint } from './alpha/blueprints/EntityContentBlueprint.esm.js';
+export { convertLegacyEntityCardExtension } from './alpha/converters/convertLegacyEntityCardExtension.esm.js';
+export { convertLegacyEntityContentExtension } from './alpha/converters/convertLegacyEntityContentExtension.esm.js';
 export { catalogReactTranslationRef } from './translation.esm.js';
-
-const catalogExtensionData = {
-  entityContentTitle: createExtensionDataRef().with({
-    id: "catalog.entity-content-title"
-  }),
-  entityFilterFunction: createExtensionDataRef().with({ id: "catalog.entity-filter-function" }),
-  entityFilterExpression: createExtensionDataRef().with({
-    id: "catalog.entity-filter-expression"
-  })
-};
-function createEntityCardExtension(options) {
-  const configSchema = "configSchema" in options ? options.configSchema : createSchemaFromZod(
-    (z) => z.object({
-      filter: z.string().optional()
-    })
-  );
-  return createExtension({
-    kind: "entity-card",
-    namespace: options.namespace,
-    name: options.name,
-    attachTo: options.attachTo ?? {
-      id: "entity-content:catalog/overview",
-      input: "cards"
-    },
-    disabled: options.disabled,
-    output: {
-      element: coreExtensionData.reactElement,
-      filterFunction: catalogExtensionData.entityFilterFunction.optional(),
-      filterExpression: catalogExtensionData.entityFilterExpression.optional()
-    },
-    inputs: options.inputs,
-    configSchema,
-    factory({ config, inputs, node }) {
-      const ExtensionComponent = lazy(
-        () => options.loader({ inputs, config }).then((element) => ({ default: () => element }))
-      );
-      return {
-        element: /* @__PURE__ */ React.createElement(ExtensionBoundary, { node }, /* @__PURE__ */ React.createElement(ExtensionComponent, null)),
-        ...mergeFilters({ config, options })
-      };
-    }
-  });
-}
-function createEntityContentExtension(options) {
-  return createExtension({
-    kind: "entity-content",
-    namespace: options.namespace,
-    name: options.name,
-    attachTo: options.attachTo ?? {
-      id: "page:catalog/entity",
-      input: "contents"
-    },
-    disabled: options.disabled,
-    output: {
-      element: coreExtensionData.reactElement,
-      path: coreExtensionData.routePath,
-      routeRef: coreExtensionData.routeRef.optional(),
-      title: catalogExtensionData.entityContentTitle,
-      filterFunction: catalogExtensionData.entityFilterFunction.optional(),
-      filterExpression: catalogExtensionData.entityFilterExpression.optional()
-    },
-    inputs: options.inputs,
-    configSchema: createSchemaFromZod(
-      (z) => z.object({
-        path: z.string().default(options.defaultPath),
-        title: z.string().default(options.defaultTitle),
-        filter: z.string().optional()
-      })
-    ),
-    factory({ config, inputs, node }) {
-      const ExtensionComponent = lazy(
-        () => options.loader({ inputs }).then((element) => ({ default: () => element }))
-      );
-      return {
-        path: config.path,
-        title: config.title,
-        routeRef: options.routeRef,
-        element: /* @__PURE__ */ React.createElement(ExtensionBoundary, { node }, /* @__PURE__ */ React.createElement(ExtensionComponent, null)),
-        ...mergeFilters({ config, options })
-      };
-    }
-  });
-}
-function mergeFilters(inputs) {
-  const { options, config } = inputs;
-  if (config.filter) {
-    return { filterExpression: config.filter };
-  } else if (typeof options.filter === "string") {
-    return { filterExpression: options.filter };
-  } else if (typeof options.filter === "function") {
-    return { filterFunction: options.filter };
-  }
-  return {};
-}
-
-export { catalogExtensionData, createEntityCardExtension, createEntityContentExtension };
+export { isOwnerOf } from './utils/isOwnerOf.esm.js';
+export { useEntityPermission } from './hooks/useEntityPermission.esm.js';
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.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  AnyExtensionInputMap,\n  ExtensionBoundary,\n  PortableSchema,\n  ResolvedExtensionInputs,\n  RouteRef,\n  coreExtensionData,\n  createExtension,\n  createExtensionDataRef,\n  createSchemaFromZod,\n} from '@backstage/frontend-plugin-api';\nimport React, { lazy } from 'react';\nimport { Entity } from '@backstage/catalog-model';\n// eslint-disable-next-line @backstage/no-relative-monorepo-imports\nimport { Expand } from '../../../packages/frontend-plugin-api/src/types';\n\nexport { useEntityPermission } from './hooks/useEntityPermission';\nexport { isOwnerOf } from './utils';\nexport * from './translation';\n\n/** @alpha */\nexport const catalogExtensionData = {\n  entityContentTitle: createExtensionDataRef<string>().with({\n    id: 'catalog.entity-content-title',\n  }),\n  entityFilterFunction: createExtensionDataRef<\n    (entity: Entity) => boolean\n  >().with({ id: 'catalog.entity-filter-function' }),\n  entityFilterExpression: createExtensionDataRef<string>().with({\n    id: 'catalog.entity-filter-expression',\n  }),\n};\n\n// TODO: Figure out how to merge with provided config schema\n/** @alpha */\nexport function createEntityCardExtension<\n  TConfig extends { filter?: string },\n  TInputs extends AnyExtensionInputMap,\n>(options: {\n  namespace?: string;\n  name?: string;\n  attachTo?: { id: string; input: string };\n  disabled?: boolean;\n  inputs?: TInputs;\n  configSchema?: PortableSchema<TConfig>;\n  filter?:\n    | typeof catalogExtensionData.entityFilterFunction.T\n    | typeof catalogExtensionData.entityFilterExpression.T;\n  loader: (options: {\n    config: TConfig;\n    inputs: Expand<ResolvedExtensionInputs<TInputs>>;\n  }) => Promise<JSX.Element>;\n}) {\n  const configSchema =\n    'configSchema' in options\n      ? options.configSchema\n      : (createSchemaFromZod(z =>\n          z.object({\n            filter: z.string().optional(),\n          }),\n        ) as PortableSchema<TConfig>);\n  return createExtension({\n    kind: 'entity-card',\n    namespace: options.namespace,\n    name: options.name,\n    attachTo: options.attachTo ?? {\n      id: 'entity-content:catalog/overview',\n      input: 'cards',\n    },\n    disabled: options.disabled,\n    output: {\n      element: coreExtensionData.reactElement,\n      filterFunction: catalogExtensionData.entityFilterFunction.optional(),\n      filterExpression: catalogExtensionData.entityFilterExpression.optional(),\n    },\n    inputs: options.inputs,\n    configSchema,\n    factory({ config, inputs, node }) {\n      const ExtensionComponent = lazy(() =>\n        options\n          .loader({ inputs, config })\n          .then(element => ({ default: () => element })),\n      );\n\n      return {\n        element: (\n          <ExtensionBoundary node={node}>\n            <ExtensionComponent />\n          </ExtensionBoundary>\n        ),\n        ...mergeFilters({ config, options }),\n      };\n    },\n  });\n}\n\n/** @alpha */\nexport function createEntityContentExtension<\n  TInputs extends AnyExtensionInputMap,\n>(options: {\n  namespace?: string;\n  name?: string;\n  attachTo?: { id: string; input: string };\n  disabled?: boolean;\n  inputs?: TInputs;\n  routeRef?: RouteRef;\n  defaultPath: string;\n  defaultTitle: string;\n  filter?:\n    | typeof catalogExtensionData.entityFilterFunction.T\n    | typeof catalogExtensionData.entityFilterExpression.T;\n  loader: (options: {\n    inputs: Expand<ResolvedExtensionInputs<TInputs>>;\n  }) => Promise<JSX.Element>;\n}) {\n  return createExtension({\n    kind: 'entity-content',\n    namespace: options.namespace,\n    name: options.name,\n    attachTo: options.attachTo ?? {\n      id: 'page:catalog/entity',\n      input: 'contents',\n    },\n    disabled: options.disabled,\n    output: {\n      element: coreExtensionData.reactElement,\n      path: coreExtensionData.routePath,\n      routeRef: coreExtensionData.routeRef.optional(),\n      title: catalogExtensionData.entityContentTitle,\n      filterFunction: catalogExtensionData.entityFilterFunction.optional(),\n      filterExpression: catalogExtensionData.entityFilterExpression.optional(),\n    },\n    inputs: options.inputs,\n    configSchema: createSchemaFromZod(z =>\n      z.object({\n        path: z.string().default(options.defaultPath),\n        title: z.string().default(options.defaultTitle),\n        filter: z.string().optional(),\n      }),\n    ),\n    factory({ config, inputs, node }) {\n      const ExtensionComponent = lazy(() =>\n        options\n          .loader({ inputs })\n          .then(element => ({ default: () => element })),\n      );\n\n      return {\n        path: config.path,\n        title: config.title,\n        routeRef: options.routeRef,\n        element: (\n          <ExtensionBoundary node={node}>\n            <ExtensionComponent />\n          </ExtensionBoundary>\n        ),\n        ...mergeFilters({ config, options }),\n      };\n    },\n  });\n}\n\n/**\n * Decides what filter outputs to produce, given some options and config\n */\nfunction mergeFilters(inputs: {\n  options: {\n    filter?:\n      | typeof catalogExtensionData.entityFilterFunction.T\n      | typeof catalogExtensionData.entityFilterExpression.T;\n  };\n  config: {\n    filter?: string;\n  };\n}): {\n  filterFunction?: typeof catalogExtensionData.entityFilterFunction.T;\n  filterExpression?: typeof catalogExtensionData.entityFilterExpression.T;\n} {\n  const { options, config } = inputs;\n  if (config.filter) {\n    return { filterExpression: config.filter };\n  } else if (typeof options.filter === 'string') {\n    return { filterExpression: options.filter };\n  } else if (typeof options.filter === 'function') {\n    return { filterFunction: options.filter };\n  }\n  return {};\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"alpha.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/EntityOwnerPicker/useFacetsEntities.esm.js

@@ -14,7 +14,7 @@ function useFacetsEntities({ enabled }) {
     const facetsResponse = await catalogApi.getEntityFacets({
       facets: [facet]
     });
-    const entityRefs = facetsResponse.facets[facet].map((e) => e.value);
+    const entityRefs = facetsResponse.facets[facet]?.map((e) => e.value) ?? [];
     return catalogApi.getEntitiesByRefs({ entityRefs }).then(
       (resp) => resp.items.filter((entity) => entity !== void 0).map((entity) => entity).sort(
         (a, b) => (a.metadata.namespace || "").localeCompare(

package/dist/components/EntityOwnerPicker/useFacetsEntities.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFacetsEntities.esm.js","sources":["../../../src/components/EntityOwnerPicker/useFacetsEntities.ts"],"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 { useApi } from '@backstage/core-plugin-api';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { catalogApiRef } from '../../api';\nimport { useState } from 'react';\nimport { Entity } from '@backstage/catalog-model';\nimport get from 'lodash/get';\n\ntype FacetsCursor = {\n  start: number;\n  text: string;\n};\n\ntype FacetsEntitiesResponse = {\n  items: Entity[];\n  cursor?: string;\n};\n\ntype FacetsInitialRequest = {\n  text: string;\n};\n\n/**\n * This hook asynchronously loads the entity owners using the facets endpoint.\n * EntityOwnerPicker uses this hook when mode=\"owners-only\" is passed as prop.\n * All the owners are kept internally in memory and rendered in batches once requested\n * by the frontend. The values returned by this hook are compatible with `useQueryEntities`\n * hook, which is also used by EntityOwnerPicker.\n */\nexport function useFacetsEntities({ enabled }: { enabled: boolean }) {\n  const catalogApi = useApi(catalogApiRef);\n\n  const [facetsPromise] = useState(async () => {\n    if (!enabled) {\n      return [];\n    }\n    const facet = 'relations.ownedBy';\n    const facetsResponse = await catalogApi.getEntityFacets({\n      facets: [facet],\n    });\n    const entityRefs = facetsResponse.facets[facet].map(e => e.value);\n\n    return catalogApi\n      .getEntitiesByRefs({ entityRefs })\n      .then(resp =>\n        resp.items\n          .filter(entity => entity !== undefined)\n          .map(entity => entity as Entity)\n          .sort(\n            (a, b) =>\n              (a.metadata.namespace || '').localeCompare(\n                b.metadata.namespace || '',\n                'en-US',\n              ) ||\n              (\n                get(a, 'spec.profile.displayName') ||\n                a.metadata.title ||\n                a.metadata.name\n              ).localeCompare(\n                get(b, 'spec.profile.displayName') ||\n                  b.metadata.title ||\n                  b.metadata.name,\n                'en-US',\n              ) ||\n              a.kind.localeCompare(b.kind, 'en-US'),\n          ),\n      )\n      .then(entities => entities)\n      .catch(() => []);\n  });\n\n  return useAsyncFn<\n    (\n      request: FacetsInitialRequest | FacetsEntitiesResponse,\n      options?: { limit?: number },\n    ) => Promise<FacetsEntitiesResponse>\n  >(\n    async (request, options) => {\n      const facets = await facetsPromise;\n\n      if (!facets) {\n        return {\n          items: [],\n        };\n      }\n\n      const limit = options?.limit ?? 20;\n\n      const { text, start } = decodeCursor(request);\n      const filteredRefs = facets.filter(e => filterEntity(text, e));\n      const end = start + limit;\n      return {\n        items: filteredRefs.slice(0, end),\n        ...encodeCursor({\n          entities: filteredRefs,\n          limit: end,\n          payload: {\n            text,\n            start: end,\n          },\n        }),\n      };\n    },\n    [facetsPromise],\n    { loading: true, value: { items: [] } },\n  );\n}\n\nfunction decodeCursor(\n  request: FacetsInitialRequest | FacetsEntitiesResponse,\n): FacetsCursor {\n  if (isFacetsResponse(request) && request.cursor) {\n    return JSON.parse(atob(request.cursor));\n  }\n  return {\n    text: (request as FacetsInitialRequest).text || '',\n    start: 0,\n  };\n}\n\nfunction isFacetsResponse(\n  request: FacetsInitialRequest | FacetsEntitiesResponse,\n): request is FacetsEntitiesResponse {\n  return !!(request as FacetsEntitiesResponse).cursor;\n}\n\nfunction encodeCursor({\n  entities,\n  limit,\n  payload,\n}: {\n  entities: Entity[];\n  limit: number;\n  payload: { text: string; start: number };\n}) {\n  if (entities.length > limit) {\n    return { cursor: btoa(JSON.stringify(payload)) };\n  }\n  return {};\n}\n\nfunction filterEntity(text: string, entity: Entity) {\n  const normalizedText = text.trim();\n  return (\n    entity.kind.includes(normalizedText) ||\n    entity.metadata.namespace?.includes(normalizedText) ||\n    entity.metadata.name.includes(normalizedText) ||\n    entity.metadata.title?.includes(normalizedText) ||\n    (get(entity, 'spec.profile.displayName') as unknown as string)?.includes(\n      normalizedText,\n    )\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useFacetsEntities.esm.js","sources":["../../../src/components/EntityOwnerPicker/useFacetsEntities.ts"],"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 { useApi } from '@backstage/core-plugin-api';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { catalogApiRef } from '../../api';\nimport { useState } from 'react';\nimport { Entity } from '@backstage/catalog-model';\nimport get from 'lodash/get';\n\ntype FacetsCursor = {\n  start: number;\n  text: string;\n};\n\ntype FacetsEntitiesResponse = {\n  items: Entity[];\n  cursor?: string;\n};\n\ntype FacetsInitialRequest = {\n  text: string;\n};\n\n/**\n * This hook asynchronously loads the entity owners using the facets endpoint.\n * EntityOwnerPicker uses this hook when mode=\"owners-only\" is passed as prop.\n * All the owners are kept internally in memory and rendered in batches once requested\n * by the frontend. The values returned by this hook are compatible with `useQueryEntities`\n * hook, which is also used by EntityOwnerPicker.\n */\nexport function useFacetsEntities({ enabled }: { enabled: boolean }) {\n  const catalogApi = useApi(catalogApiRef);\n\n  const [facetsPromise] = useState(async () => {\n    if (!enabled) {\n      return [];\n    }\n    const facet = 'relations.ownedBy';\n    const facetsResponse = await catalogApi.getEntityFacets({\n      facets: [facet],\n    });\n    const entityRefs = facetsResponse.facets[facet]?.map(e => e.value) ?? [];\n\n    return catalogApi\n      .getEntitiesByRefs({ entityRefs })\n      .then(resp =>\n        resp.items\n          .filter(entity => entity !== undefined)\n          .map(entity => entity as Entity)\n          .sort(\n            (a, b) =>\n              (a.metadata.namespace || '').localeCompare(\n                b.metadata.namespace || '',\n                'en-US',\n              ) ||\n              (\n                get(a, 'spec.profile.displayName') ||\n                a.metadata.title ||\n                a.metadata.name\n              ).localeCompare(\n                get(b, 'spec.profile.displayName') ||\n                  b.metadata.title ||\n                  b.metadata.name,\n                'en-US',\n              ) ||\n              a.kind.localeCompare(b.kind, 'en-US'),\n          ),\n      )\n      .then(entities => entities)\n      .catch(() => []);\n  });\n\n  return useAsyncFn<\n    (\n      request: FacetsInitialRequest | FacetsEntitiesResponse,\n      options?: { limit?: number },\n    ) => Promise<FacetsEntitiesResponse>\n  >(\n    async (request, options) => {\n      const facets = await facetsPromise;\n\n      if (!facets) {\n        return {\n          items: [],\n        };\n      }\n\n      const limit = options?.limit ?? 20;\n\n      const { text, start } = decodeCursor(request);\n      const filteredRefs = facets.filter(e => filterEntity(text, e));\n      const end = start + limit;\n      return {\n        items: filteredRefs.slice(0, end),\n        ...encodeCursor({\n          entities: filteredRefs,\n          limit: end,\n          payload: {\n            text,\n            start: end,\n          },\n        }),\n      };\n    },\n    [facetsPromise],\n    { loading: true, value: { items: [] } },\n  );\n}\n\nfunction decodeCursor(\n  request: FacetsInitialRequest | FacetsEntitiesResponse,\n): FacetsCursor {\n  if (isFacetsResponse(request) && request.cursor) {\n    return JSON.parse(atob(request.cursor));\n  }\n  return {\n    text: (request as FacetsInitialRequest).text || '',\n    start: 0,\n  };\n}\n\nfunction isFacetsResponse(\n  request: FacetsInitialRequest | FacetsEntitiesResponse,\n): request is FacetsEntitiesResponse {\n  return !!(request as FacetsEntitiesResponse).cursor;\n}\n\nfunction encodeCursor({\n  entities,\n  limit,\n  payload,\n}: {\n  entities: Entity[];\n  limit: number;\n  payload: { text: string; start: number };\n}) {\n  if (entities.length > limit) {\n    return { cursor: btoa(JSON.stringify(payload)) };\n  }\n  return {};\n}\n\nfunction filterEntity(text: string, entity: Entity) {\n  const normalizedText = text.trim();\n  return (\n    entity.kind.includes(normalizedText) ||\n    entity.metadata.namespace?.includes(normalizedText) ||\n    entity.metadata.name.includes(normalizedText) ||\n    entity.metadata.title?.includes(normalizedText) ||\n    (get(entity, 'spec.profile.displayName') as unknown as string)?.includes(\n      normalizedText,\n    )\n  );\n}\n"],"names":[],"mappings":";;;;;;AA2CgB,SAAA,iBAAA,CAAkB,EAAE,OAAA,EAAiC,EAAA;AACnE,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA,CAAA;AAEvC,EAAA,MAAM,CAAC,aAAa,CAAI,GAAA,QAAA,CAAS,YAAY;AAC3C,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AACA,IAAA,MAAM,KAAQ,GAAA,mBAAA,CAAA;AACd,IAAM,MAAA,cAAA,GAAiB,MAAM,UAAA,CAAW,eAAgB,CAAA;AAAA,MACtD,MAAA,EAAQ,CAAC,KAAK,CAAA;AAAA,KACf,CAAA,CAAA;AACD,IAAM,MAAA,UAAA,GAAa,cAAe,CAAA,MAAA,CAAO,KAAK,CAAA,EAAG,IAAI,CAAK,CAAA,KAAA,CAAA,CAAE,KAAK,CAAA,IAAK,EAAC,CAAA;AAEvE,IAAA,OAAO,UACJ,CAAA,iBAAA,CAAkB,EAAE,UAAA,EAAY,CAChC,CAAA,IAAA;AAAA,MAAK,CAAA,IAAA,KACJ,IAAK,CAAA,KAAA,CACF,MAAO,CAAA,CAAA,MAAA,KAAU,MAAW,KAAA,KAAA,CAAS,CACrC,CAAA,GAAA,CAAI,CAAU,MAAA,KAAA,MAAgB,CAC9B,CAAA,IAAA;AAAA,QACC,CAAC,CAAG,EAAA,CAAA,KAAA,CACD,CAAE,CAAA,QAAA,CAAS,aAAa,EAAI,EAAA,aAAA;AAAA,UAC3B,CAAA,CAAE,SAAS,SAAa,IAAA,EAAA;AAAA,UACxB,OAAA;AAAA,SACF,IAAA,CAEE,GAAI,CAAA,CAAA,EAAG,0BAA0B,CAAA,IACjC,EAAE,QAAS,CAAA,KAAA,IACX,CAAE,CAAA,QAAA,CAAS,IACX,EAAA,aAAA;AAAA,UACA,GAAA,CAAI,GAAG,0BAA0B,CAAA,IAC/B,EAAE,QAAS,CAAA,KAAA,IACX,EAAE,QAAS,CAAA,IAAA;AAAA,UACb,OAAA;AAAA,aAEF,CAAE,CAAA,IAAA,CAAK,aAAc,CAAA,CAAA,CAAE,MAAM,OAAO,CAAA;AAAA,OACxC;AAAA,KACJ,CACC,KAAK,CAAY,QAAA,KAAA,QAAQ,EACzB,KAAM,CAAA,MAAM,EAAE,CAAA,CAAA;AAAA,GAClB,CAAA,CAAA;AAED,EAAO,OAAA,UAAA;AAAA,IAML,OAAO,SAAS,OAAY,KAAA;AAC1B,MAAA,MAAM,SAAS,MAAM,aAAA,CAAA;AAErB,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAO,OAAA;AAAA,UACL,OAAO,EAAC;AAAA,SACV,CAAA;AAAA,OACF;AAEA,MAAM,MAAA,KAAA,GAAQ,SAAS,KAAS,IAAA,EAAA,CAAA;AAEhC,MAAA,MAAM,EAAE,IAAA,EAAM,KAAM,EAAA,GAAI,aAAa,OAAO,CAAA,CAAA;AAC5C,MAAA,MAAM,eAAe,MAAO,CAAA,MAAA,CAAO,OAAK,YAAa,CAAA,IAAA,EAAM,CAAC,CAAC,CAAA,CAAA;AAC7D,MAAA,MAAM,MAAM,KAAQ,GAAA,KAAA,CAAA;AACpB,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,CAAA,EAAG,GAAG,CAAA;AAAA,QAChC,GAAG,YAAa,CAAA;AAAA,UACd,QAAU,EAAA,YAAA;AAAA,UACV,KAAO,EAAA,GAAA;AAAA,UACP,OAAS,EAAA;AAAA,YACP,IAAA;AAAA,YACA,KAAO,EAAA,GAAA;AAAA,WACT;AAAA,SACD,CAAA;AAAA,OACH,CAAA;AAAA,KACF;AAAA,IACA,CAAC,aAAa,CAAA;AAAA,IACd,EAAE,SAAS,IAAM,EAAA,KAAA,EAAO,EAAE,KAAO,EAAA,IAAK,EAAA;AAAA,GACxC,CAAA;AACF,CAAA;AAEA,SAAS,aACP,OACc,EAAA;AACd,EAAA,IAAI,gBAAiB,CAAA,OAAO,CAAK,IAAA,OAAA,CAAQ,MAAQ,EAAA;AAC/C,IAAA,OAAO,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AAAA,GACxC;AACA,EAAO,OAAA;AAAA,IACL,IAAA,EAAO,QAAiC,IAAQ,IAAA,EAAA;AAAA,IAChD,KAAO,EAAA,CAAA;AAAA,GACT,CAAA;AACF,CAAA;AAEA,SAAS,iBACP,OACmC,EAAA;AACnC,EAAO,OAAA,CAAC,CAAE,OAAmC,CAAA,MAAA,CAAA;AAC/C,CAAA;AAEA,SAAS,YAAa,CAAA;AAAA,EACpB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AACF,CAIG,EAAA;AACD,EAAI,IAAA,QAAA,CAAS,SAAS,KAAO,EAAA;AAC3B,IAAA,OAAO,EAAE,MAAQ,EAAA,IAAA,CAAK,KAAK,SAAU,CAAA,OAAO,CAAC,CAAE,EAAA,CAAA;AAAA,GACjD;AACA,EAAA,OAAO,EAAC,CAAA;AACV,CAAA;AAEA,SAAS,YAAA,CAAa,MAAc,MAAgB,EAAA;AAClD,EAAM,MAAA,cAAA,GAAiB,KAAK,IAAK,EAAA,CAAA;AACjC,EACE,OAAA,MAAA,CAAO,IAAK,CAAA,QAAA,CAAS,cAAc,CAAA,IACnC,MAAO,CAAA,QAAA,CAAS,SAAW,EAAA,QAAA,CAAS,cAAc,CAAA,IAClD,MAAO,CAAA,QAAA,CAAS,KAAK,QAAS,CAAA,cAAc,CAC5C,IAAA,MAAA,CAAO,QAAS,CAAA,KAAA,EAAO,QAAS,CAAA,cAAc,CAC7C,IAAA,GAAA,CAAI,MAAQ,EAAA,0BAA0B,CAAyB,EAAA,QAAA;AAAA,IAC9D,cAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/FavoriteEntity/FavoriteEntity.esm.js

@@ -1,3 +1,4 @@
+import { stringifyEntityRef } from '@backstage/catalog-model';
 import IconButton from '@material-ui/core/IconButton';
 import Tooltip from '@material-ui/core/Tooltip';
 import { withStyles } from '@material-ui/core/styles';
@@ -18,21 +19,21 @@ const FavoriteEntity = (props) => {
     props.entity
   );
   const { t } = useTranslationRef(catalogReactTranslationRef);
+  const title = isStarredEntity ? t("favoriteEntity.removeFromFavorites") : t("favoriteEntity.addToFavorites");
+  const id = `favorite-${stringifyEntityRef(props.entity).replace(
+    /[^a-zA-Z0-9-_]/g,
+    "-"
+  )}`;
   return /* @__PURE__ */ React.createElement(
     IconButton,
     {
-      "aria-label": "favorite",
+      "aria-label": title,
+      id,
       color: "inherit",
       ...props,
       onClick: () => toggleStarredEntity()
     },
-    /* @__PURE__ */ React.createElement(
-      Tooltip,
-      {
-        title: isStarredEntity ? t("favoriteEntity.removeFromFavorites") : t("favoriteEntity.addToFavorites")
-      },
-      isStarredEntity ? /* @__PURE__ */ React.createElement(YellowStar, null) : /* @__PURE__ */ React.createElement(StarBorder, null)
-    )
+    /* @__PURE__ */ React.createElement(Tooltip, { id, title }, isStarredEntity ? /* @__PURE__ */ React.createElement(YellowStar, null) : /* @__PURE__ */ React.createElement(StarBorder, null))
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"FavoriteEntity.esm.js","sources":["../../../src/components/FavoriteEntity/FavoriteEntity.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { withStyles } from '@material-ui/core/styles';\nimport Star from '@material-ui/icons/Star';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport React, { ComponentProps } from 'react';\nimport { useStarredEntity } from '../../hooks/useStarredEntity';\nimport { catalogReactTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport type FavoriteEntityProps = ComponentProps<typeof IconButton> & {\n  entity: Entity;\n};\n\nconst YellowStar = withStyles({\n  root: {\n    color: '#f3ba37',\n  },\n})(Star);\n\n/**\n * IconButton for showing if a current entity is starred and adding/removing it from the favorite entities\n * @param props - MaterialUI IconButton props extended by required `entity` prop\n * @public\n */\nexport const FavoriteEntity = (props: FavoriteEntityProps) => {\n  const { toggleStarredEntity, isStarredEntity } = useStarredEntity(\n    props.entity,\n  );\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n  return (\n    <IconButton\n      aria-label=\"favorite\"\n      color=\"inherit\"\n      {...props}\n      onClick={() => toggleStarredEntity()}\n    >\n      <Tooltip\n        title={\n          isStarredEntity\n            ? t('favoriteEntity.removeFromFavorites')\n            : t('favoriteEntity.addToFavorites')\n        }\n      >\n        {isStarredEntity ? <YellowStar /> : <StarBorder />}\n      </Tooltip>\n    </IconButton>\n  );\n};\n"],"names":["Star"],"mappings":";;;;;;;;;;AAgCA,MAAM,aAAa,UAAW,CAAA;AAAA,EAC5B,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,GACT;AACF,CAAC,EAAEA,QAAI,CAAA,CAAA;AAOM,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAM,MAAA,EAAE,mBAAqB,EAAA,eAAA,EAAoB,GAAA,gBAAA;AAAA,IAC/C,KAAM,CAAA,MAAA;AAAA,GACR,CAAA;AACA,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,0BAA0B,CAAA,CAAA;AAC1D,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,KAAM,EAAA,SAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACJ,OAAA,EAAS,MAAM,mBAAoB,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OACE,eACI,GAAA,CAAA,CAAE,oCAAoC,CAAA,GACtC,EAAE,+BAA+B,CAAA;AAAA,OAAA;AAAA,MAGtC,eAAkB,mBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,IAAA,CAAA,uCAAM,UAAW,EAAA,IAAA,CAAA;AAAA,KAClD;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoriteEntity.esm.js","sources":["../../../src/components/FavoriteEntity/FavoriteEntity.tsx"],"sourcesContent":["/*\n * Copyright 2020 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, stringifyEntityRef } from '@backstage/catalog-model';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { withStyles } from '@material-ui/core/styles';\nimport Star from '@material-ui/icons/Star';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport React, { ComponentProps } from 'react';\nimport { useStarredEntity } from '../../hooks/useStarredEntity';\nimport { catalogReactTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport type FavoriteEntityProps = ComponentProps<typeof IconButton> & {\n  entity: Entity;\n};\n\nconst YellowStar = withStyles({\n  root: {\n    color: '#f3ba37',\n  },\n})(Star);\n\n/**\n * IconButton for showing if a current entity is starred and adding/removing it from the favorite entities\n * @param props - MaterialUI IconButton props extended by required `entity` prop\n * @public\n */\nexport const FavoriteEntity = (props: FavoriteEntityProps) => {\n  const { toggleStarredEntity, isStarredEntity } = useStarredEntity(\n    props.entity,\n  );\n  const { t } = useTranslationRef(catalogReactTranslationRef);\n  const title = isStarredEntity\n    ? t('favoriteEntity.removeFromFavorites')\n    : t('favoriteEntity.addToFavorites');\n\n  const id = `favorite-${stringifyEntityRef(props.entity).replace(\n    /[^a-zA-Z0-9-_]/g,\n    '-',\n  )}`;\n\n  return (\n    <IconButton\n      aria-label={title}\n      id={id}\n      color=\"inherit\"\n      {...props}\n      onClick={() => toggleStarredEntity()}\n    >\n      <Tooltip id={id} title={title}>\n        {isStarredEntity ? <YellowStar /> : <StarBorder />}\n      </Tooltip>\n    </IconButton>\n  );\n};\n"],"names":["Star"],"mappings":";;;;;;;;;;;AAgCA,MAAM,aAAa,UAAW,CAAA;AAAA,EAC5B,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,GACT;AACF,CAAC,EAAEA,QAAI,CAAA,CAAA;AAOM,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAM,MAAA,EAAE,mBAAqB,EAAA,eAAA,EAAoB,GAAA,gBAAA;AAAA,IAC/C,KAAM,CAAA,MAAA;AAAA,GACR,CAAA;AACA,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,0BAA0B,CAAA,CAAA;AAC1D,EAAA,MAAM,QAAQ,eACV,GAAA,CAAA,CAAE,oCAAoC,CAAA,GACtC,EAAE,+BAA+B,CAAA,CAAA;AAErC,EAAA,MAAM,EAAK,GAAA,CAAA,SAAA,EAAY,kBAAmB,CAAA,KAAA,CAAM,MAAM,CAAE,CAAA,OAAA;AAAA,IACtD,iBAAA;AAAA,IACA,GAAA;AAAA,GACD,CAAA,CAAA,CAAA;AAED,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAY,EAAA,KAAA;AAAA,MACZ,EAAA;AAAA,MACA,KAAM,EAAA,SAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACJ,OAAA,EAAS,MAAM,mBAAoB,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,EAAA,EAAQ,KACd,EAAA,EAAA,eAAA,uCAAmB,UAAW,EAAA,IAAA,CAAA,mBAAM,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAW,CAClD,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { ApiRef, IconComponent } from '@backstage/core-plugin-api';
 import * as _backstage_catalog_model from '@backstage/catalog-model';
 import { Entity, CompoundEntityRef } from '@backstage/catalog-model';
 import { Observable } from '@backstage/types';
-import React, { PropsWithChildren, ReactNode, ComponentProps } from 'react';
+import React__default, { PropsWithChildren, ReactNode, ComponentProps } from 'react';
 import { LinkProps, InfoCardVariants, TableColumn, TableOptions } from '@backstage/core-components';
 import IconButton from '@material-ui/core/IconButton';
 import { TextFieldProps } from '@material-ui/core/TextField';
@@ -201,18 +201,18 @@ declare class MockStarredEntitiesApi implements StarredEntitiesApi {
 /** @public */
 declare const CatalogFilterLayout: {
     (props: {
-        children: React.ReactNode;
-    }): React.JSX.Element;
+        children: React__default.ReactNode;
+    }): React__default.JSX.Element;
     Filters: (props: {
-        children: React.ReactNode;
+        children: React__default.ReactNode;
         options?: {
             drawerBreakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
             drawerAnchor?: 'left' | 'right' | 'top' | 'bottom';
         };
-    }) => React.JSX.Element;
+    }) => React__default.JSX.Element;
     Content: (props: {
-        children: React.ReactNode;
-    }) => React.JSX.Element;
+        children: React__default.ReactNode;
+    }) => React__default.JSX.Element;
 };
 
 /** @public */
@@ -249,7 +249,7 @@ type EntityOwnerPickerProps = {
     mode?: 'owners-only' | 'all';
 };
 /** @public */
-declare const EntityOwnerPicker: (props?: EntityOwnerPickerProps) => React.JSX.Element | null;
+declare const EntityOwnerPicker: (props?: EntityOwnerPickerProps) => React__default.JSX.Element | null;
 
 /**
  * Props for default filters.
@@ -263,7 +263,7 @@ type DefaultFiltersProps = {
     initiallySelectedNamespaces?: string[];
 };
 /** @public */
-declare const DefaultFilters: (props: DefaultFiltersProps) => React.JSX.Element;
+declare const DefaultFilters: (props: DefaultFiltersProps) => React__default.JSX.Element;
 
 /**
  * Props for {@link EntityKindPicker}.
@@ -280,14 +280,14 @@ interface EntityKindPickerProps {
     hidden?: boolean;
 }
 /** @public */
-declare const EntityKindPicker: (props: EntityKindPickerProps) => React.JSX.Element | null;
+declare const EntityKindPicker: (props: EntityKindPickerProps) => React__default.JSX.Element | null;
 
 /** @public */
 type CatalogReactEntityLifecyclePickerClassKey = 'input';
 /** @public */
 declare const EntityLifecyclePicker: (props: {
     initialFilter?: string[];
-}) => React.JSX.Element;
+}) => React__default.JSX.Element;
 
 /**
  * The available style class keys for {@link EntityDisplayName}, under the name
@@ -326,7 +326,7 @@ type EntityRefLinkProps = {
     defaultNamespace?: string;
     /** @deprecated This option should no longer be used; presentation is requested through the {@link entityPresentationApiRef} instead */
     title?: string;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     hideIcon?: boolean;
 } & Omit<LinkProps, 'to'>;
 /**
@@ -355,7 +355,7 @@ type EntityRefLinksProps<TRef extends string | CompoundEntityRef | Entity> = {
  *
  * @public
  */
-declare function EntityRefLinks<TRef extends string | CompoundEntityRef | Entity>(props: EntityRefLinksProps<TRef>): React.JSX.Element;
+declare function EntityRefLinks<TRef extends string | CompoundEntityRef | Entity>(props: EntityRefLinksProps<TRef>): React__default.JSX.Element;
 
 /**
  * @param defaultNamespace - if set to false then namespace is never omitted,
@@ -382,7 +382,7 @@ type EntityPeekAheadPopoverProps = PropsWithChildren<{
  *
  * @public
  */
-declare const EntityPeekAheadPopover: (props: EntityPeekAheadPopoverProps) => React.JSX.Element;
+declare const EntityPeekAheadPopover: (props: EntityPeekAheadPopoverProps) => React__default.JSX.Element;
 
 /** @public */
 type CatalogReactEntitySearchBarClassKey = 'searchToolbar' | 'input';
@@ -390,7 +390,7 @@ type CatalogReactEntitySearchBarClassKey = 'searchToolbar' | 'input';
  * Renders search bar for filtering the entity list.
  * @public
  */
-declare const EntitySearchBar: () => React.JSX.Element;
+declare const EntitySearchBar: () => React__default.JSX.Element;
 
 /**
  * Props for {@link EntityTable}.
@@ -412,7 +412,7 @@ interface EntityTableProps<T extends Entity> {
  * @public
  */
 declare const EntityTable: {
-    <T extends Entity>(props: EntityTableProps<T>): React.JSX.Element;
+    <T extends Entity>(props: EntityTableProps<T>): React__default.JSX.Element;
     columns: Readonly<{
         createEntityRefColumn<T_1 extends Entity>(options: {
             defaultKind?: string | undefined;
@@ -464,7 +464,7 @@ type EntityTagPickerProps = {
     showCounts?: boolean;
 };
 /** @public */
-declare const EntityTagPicker: (props: EntityTagPickerProps) => React.JSX.Element;
+declare const EntityTagPicker: (props: EntityTagPickerProps) => React__default.JSX.Element;
 
 /**
  * Props for {@link EntityTypePicker}.
@@ -476,7 +476,7 @@ interface EntityTypePickerProps {
     hidden?: boolean;
 }
 /** @public */
-declare const EntityTypePicker: (props: EntityTypePickerProps) => React.JSX.Element | null;
+declare const EntityTypePicker: (props: EntityTypePickerProps) => React__default.JSX.Element | null;
 
 /** @public */
 type FavoriteEntityProps = ComponentProps<typeof IconButton> & {
@@ -487,7 +487,7 @@ type FavoriteEntityProps = ComponentProps<typeof IconButton> & {
  * @param props - MaterialUI IconButton props extended by required `entity` prop
  * @public
  */
-declare const FavoriteEntity: (props: FavoriteEntityProps) => React.JSX.Element;
+declare const FavoriteEntity: (props: FavoriteEntityProps) => React__default.JSX.Element;
 
 /**
  * A dialog that lets users inspect the low level details of their entities.
@@ -498,7 +498,7 @@ declare function InspectEntityDialog(props: {
     open: boolean;
     entity: Entity;
     onClose: () => void;
-}): React.JSX.Element | null;
+}): React__default.JSX.Element | null;
 
 /** @public */
 type UnregisterEntityDialogProps = {
@@ -508,7 +508,7 @@ type UnregisterEntityDialogProps = {
     entity: Entity;
 };
 /** @public */
-declare const UnregisterEntityDialog: (props: UnregisterEntityDialogProps) => React.JSX.Element;
+declare const UnregisterEntityDialog: (props: UnregisterEntityDialogProps) => React__default.JSX.Element;
 
 /** @public */
 type CatalogReactUserListPickerClassKey = 'root' | 'title' | 'listIcon' | 'menuItem' | 'groupWrapper';
@@ -518,12 +518,12 @@ type UserListPickerProps = {
     availableFilters?: UserListFilterKind[];
 };
 /** @public */
-declare const UserListPicker: (props: UserListPickerProps) => React.JSX.Element;
+declare const UserListPicker: (props: UserListPickerProps) => React__default.JSX.Element;
 
 /** @public */
 type CatalogReactEntityProcessingStatusPickerClassKey = 'input';
 /** @public */
-declare const EntityProcessingStatusPicker: () => React.JSX.Element;
+declare const EntityProcessingStatusPicker: () => React__default.JSX.Element;
 
 /** @public */
 type CatalogReactEntityNamespacePickerClassKey = 'input';
@@ -536,7 +536,7 @@ interface EntityNamespacePickerProps {
     initiallySelectedNamespaces?: string[];
 }
 /** @public */
-declare const EntityNamespacePicker: (props: EntityNamespacePickerProps) => React.JSX.Element;
+declare const EntityNamespacePicker: (props: EntityNamespacePickerProps) => React__default.JSX.Element;
 
 /**
  * Filter entities based on Kind.
@@ -720,7 +720,7 @@ type EntityListContextProps<EntityFilters extends DefaultEntityFilters = Default
  * Creates new context for entity listing and filtering.
  * @public
  */
-declare const EntityListContext: React.Context<EntityListContextProps<any> | undefined>;
+declare const EntityListContext: React__default.Context<EntityListContextProps<any> | undefined>;
 /**
  * @public
  */
@@ -733,7 +733,7 @@ type EntityListProviderProps = PropsWithChildren<{
  * Provides entities and filters for a catalog listing.
  * @public
  */
-declare const EntityListProvider: <EntityFilters extends DefaultEntityFilters>(props: EntityListProviderProps) => React.JSX.Element;
+declare const EntityListProvider: <EntityFilters extends DefaultEntityFilters>(props: EntityListProviderProps) => React__default.JSX.Element;
 /**
  * Hook for interacting with the entity list context provided by the {@link EntityListProvider}.
  * @public
@@ -762,7 +762,7 @@ type EntityAutocompletePickerProps<T extends DefaultEntityFilters = DefaultEntit
 /** @public */
 type CatalogReactEntityAutocompletePickerClassKey = 'root' | 'label';
 /** @public */
-declare function EntityAutocompletePicker<T extends DefaultEntityFilters = DefaultEntityFilters, Name extends AllowedEntityFilters<T> = AllowedEntityFilters<T>>(props: EntityAutocompletePickerProps<T, Name>): React.JSX.Element | null;
+declare function EntityAutocompletePicker<T extends DefaultEntityFilters = DefaultEntityFilters, Name extends AllowedEntityFilters<T> = AllowedEntityFilters<T>>(props: EntityAutocompletePickerProps<T, Name>): React__default.JSX.Element | null;
 
 /** @public */
 type MissingAnnotationEmptyStateClassKey = 'code';
@@ -773,7 +773,7 @@ type MissingAnnotationEmptyStateClassKey = 'code';
 declare function MissingAnnotationEmptyState(props: {
     annotation: string | string[];
     readMoreUrl?: string;
-}): React.JSX.Element;
+}): React__default.JSX.Element;
 
 /** @public */
 type EntityLoadingStatus<TEntity extends Entity = Entity> = {
@@ -799,7 +799,7 @@ interface AsyncEntityProviderProps {
  *
  * @public
  */
-declare const AsyncEntityProvider: (props: AsyncEntityProviderProps) => React.JSX.Element;
+declare const AsyncEntityProvider: (props: AsyncEntityProviderProps) => React__default.JSX.Element;
 /**
  * Properties for the EntityProvider component.
  *
@@ -814,7 +814,7 @@ interface EntityProviderProps {
  *
  * @public
  */
-declare const EntityProvider: (props: EntityProviderProps) => React.JSX.Element;
+declare const EntityProvider: (props: EntityProviderProps) => React__default.JSX.Element;
 /**
  * Grab the current entity from the context, throws if the entity has not yet been loaded
  * or is not available.
@@ -915,7 +915,7 @@ declare function entityRouteParams(entity: Entity): {
 /** @public */
 declare function MockEntityListContextProvider<T extends DefaultEntityFilters = DefaultEntityFilters>(props: PropsWithChildren<{
     value?: Partial<EntityListContextProps<T>>;
-}>): React.JSX.Element;
+}>): React__default.JSX.Element;
 
 /** @public */
 type CatalogReactComponentsNameToClassKey = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-react",
-  "version": "1.12.3-next.3",
+  "version": "1.12.4-next.0",
   "description": "A frontend library that helps other Backstage plugins interact with the catalog",
   "backstage": {
     "role": "web-library",
@@ -56,16 +56,17 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.6.6-next.0",
-    "@backstage/catalog-model": "^1.6.0-next.0",
-    "@backstage/core-components": "^0.14.10-next.0",
+    "@backstage/catalog-client": "^1.6.6",
+    "@backstage/catalog-model": "^1.6.0",
+    "@backstage/core-compat-api": "^0.2.9-next.0",
+    "@backstage/core-components": "^0.14.10",
     "@backstage/core-plugin-api": "^1.9.3",
     "@backstage/errors": "^1.2.4",
-    "@backstage/frontend-plugin-api": "^0.7.0-next.3",
-    "@backstage/integration-react": "^1.1.30-next.0",
-    "@backstage/plugin-catalog-common": "^1.0.26-next.2",
-    "@backstage/plugin-permission-common": "^0.8.1-next.1",
-    "@backstage/plugin-permission-react": "^0.4.25-next.1",
+    "@backstage/frontend-plugin-api": "^0.8.0-next.0",
+    "@backstage/integration-react": "^1.1.30",
+    "@backstage/plugin-catalog-common": "^1.0.26",
+    "@backstage/plugin-permission-common": "^0.8.1",
+    "@backstage/plugin-permission-react": "^0.4.25",
     "@backstage/types": "^1.1.1",
     "@backstage/version-bridge": "^1.0.8",
     "@material-ui/core": "^4.12.2",
@@ -82,11 +83,12 @@
     "zen-observable": "^0.10.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.27.0-next.4",
-    "@backstage/core-app-api": "^1.14.2-next.0",
-    "@backstage/plugin-catalog-common": "^1.0.26-next.2",
-    "@backstage/plugin-scaffolder-common": "^1.5.5-next.2",
-    "@backstage/test-utils": "^1.5.10-next.2",
+    "@backstage/cli": "^0.27.1-next.0",
+    "@backstage/core-app-api": "^1.14.2",
+    "@backstage/frontend-test-utils": "^0.2.0-next.0",
+    "@backstage/plugin-catalog-common": "^1.0.26",
+    "@backstage/plugin-scaffolder-common": "^1.5.5",
+    "@backstage/test-utils": "^1.6.0-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",