@backstage/plugin-catalog-react 1.12.3-next.2 → 1.12.3

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @backstage/plugin-catalog-react
 
+## 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
+
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.7.0-next.3
+  - @backstage/catalog-model@1.6.0-next.0
+  - @backstage/catalog-client@1.6.6-next.0
+  - @backstage/core-components@0.14.10-next.0
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/errors@1.2.4
+  - @backstage/integration-react@1.1.30-next.0
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.8
+  - @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
+
 ## 1.12.3-next.2
 
 ### Patch Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-react__alpha",
-  "version": "1.12.3-next.2",
+  "version": "1.12.3",
   "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 { catalogExtensionData } from '../extensions.esm.js';
+
+const EntityCardBlueprint = createExtensionBlueprint({
+  kind: "entity-card",
+  attachTo: { id: "entity-content:catalog/overview", input: "cards" },
+  output: [
+    coreExtensionData.reactElement,
+    catalogExtensionData.entityFilterFunction.optional(),
+    catalogExtensionData.entityFilterExpression.optional()
+  ],
+  dataRefs: {
+    filterFunction: catalogExtensionData.entityFilterFunction,
+    filterExpression: catalogExtensionData.entityFilterExpression
+  },
+  config: {
+    schema: {
+      filter: (z) => z.string().optional()
+    }
+  },
+  *factory({
+    loader,
+    filter
+  }, { node, config }) {
+    yield coreExtensionData.reactElement(ExtensionBoundary.lazy(node, loader));
+    if (config.filter) {
+      yield catalogExtensionData.entityFilterExpression(config.filter);
+    } else if (typeof filter === "string") {
+      yield catalogExtensionData.entityFilterExpression(filter);
+    } else if (typeof filter === "function") {
+      yield catalogExtensionData.entityFilterFunction(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 { catalogExtensionData } from '../extensions';\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    catalogExtensionData.entityFilterFunction.optional(),\n    catalogExtensionData.entityFilterExpression.optional(),\n  ],\n  dataRefs: {\n    filterFunction: catalogExtensionData.entityFilterFunction,\n    filterExpression: catalogExtensionData.entityFilterExpression,\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 catalogExtensionData.entityFilterFunction.T\n        | typeof catalogExtensionData.entityFilterExpression.T;\n    },\n    { node, config },\n  ) {\n    yield coreExtensionData.reactElement(ExtensionBoundary.lazy(node, loader));\n\n    if (config.filter) {\n      yield catalogExtensionData.entityFilterExpression(config.filter);\n    } else if (typeof filter === 'string') {\n      yield catalogExtensionData.entityFilterExpression(filter);\n    } else if (typeof filter === 'function') {\n      yield catalogExtensionData.entityFilterFunction(filter);\n    }\n  },\n});\n"],"names":[],"mappings":";;;AA2BO,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,oBAAA,CAAqB,qBAAqB,QAAS,EAAA;AAAA,IACnD,oBAAA,CAAqB,uBAAuB,QAAS,EAAA;AAAA,GACvD;AAAA,EACA,QAAU,EAAA;AAAA,IACR,gBAAgB,oBAAqB,CAAA,oBAAA;AAAA,IACrC,kBAAkB,oBAAqB,CAAA,sBAAA;AAAA,GACzC;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,oBAAA,CAAqB,sBAAuB,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA,KACjE,MAAA,IAAW,OAAO,MAAA,KAAW,QAAU,EAAA;AACrC,MAAM,MAAA,oBAAA,CAAqB,uBAAuB,MAAM,CAAA,CAAA;AAAA,KAC1D,MAAA,IAAW,OAAO,MAAA,KAAW,UAAY,EAAA;AACvC,MAAM,MAAA,oBAAA,CAAqB,qBAAqB,MAAM,CAAA,CAAA;AAAA,KACxD;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 { catalogExtensionData } from '../extensions.esm.js';
+
+const EntityContentBlueprint = createExtensionBlueprint({
+  kind: "entity-content",
+  attachTo: { id: "page:catalog/entity", input: "contents" },
+  output: [
+    coreExtensionData.reactElement,
+    coreExtensionData.routePath,
+    catalogExtensionData.entityContentTitle,
+    coreExtensionData.routeRef.optional(),
+    catalogExtensionData.entityFilterFunction.optional(),
+    catalogExtensionData.entityFilterExpression.optional()
+  ],
+  dataRefs: {
+    title: catalogExtensionData.entityContentTitle,
+    filterFunction: catalogExtensionData.entityFilterFunction,
+    filterExpression: catalogExtensionData.entityFilterExpression
+  },
+  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 catalogExtensionData.entityContentTitle(title);
+    if (routeRef) {
+      yield coreExtensionData.routeRef(routeRef);
+    }
+    if (config.filter) {
+      yield catalogExtensionData.entityFilterExpression(config.filter);
+    } else if (typeof filter === "string") {
+      yield catalogExtensionData.entityFilterExpression(filter);
+    } else if (typeof filter === "function") {
+      yield catalogExtensionData.entityFilterFunction(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 { catalogExtensionData } from '../extensions';\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    catalogExtensionData.entityContentTitle,\n    coreExtensionData.routeRef.optional(),\n    catalogExtensionData.entityFilterFunction.optional(),\n    catalogExtensionData.entityFilterExpression.optional(),\n  ],\n  dataRefs: {\n    title: catalogExtensionData.entityContentTitle,\n    filterFunction: catalogExtensionData.entityFilterFunction,\n    filterExpression: catalogExtensionData.entityFilterExpression,\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 catalogExtensionData.entityFilterFunction.T\n        | typeof catalogExtensionData.entityFilterExpression.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 catalogExtensionData.entityContentTitle(title);\n\n    if (routeRef) {\n      yield coreExtensionData.routeRef(routeRef);\n    }\n\n    if (config.filter) {\n      yield catalogExtensionData.entityFilterExpression(config.filter);\n    } else if (typeof filter === 'string') {\n      yield catalogExtensionData.entityFilterExpression(filter);\n    } else if (typeof filter === 'function') {\n      yield catalogExtensionData.entityFilterFunction(filter);\n    }\n  },\n});\n"],"names":[],"mappings":";;;AA4BO,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,oBAAqB,CAAA,kBAAA;AAAA,IACrB,iBAAA,CAAkB,SAAS,QAAS,EAAA;AAAA,IACpC,oBAAA,CAAqB,qBAAqB,QAAS,EAAA;AAAA,IACnD,oBAAA,CAAqB,uBAAuB,QAAS,EAAA;AAAA,GACvD;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAO,oBAAqB,CAAA,kBAAA;AAAA,IAC5B,gBAAgB,oBAAqB,CAAA,oBAAA;AAAA,IACrC,kBAAkB,oBAAqB,CAAA,sBAAA;AAAA,GACzC;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,IAAM,MAAA,oBAAA,CAAqB,mBAAmB,KAAK,CAAA,CAAA;AAEnD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAM,MAAA,iBAAA,CAAkB,SAAS,QAAQ,CAAA,CAAA;AAAA,KAC3C;AAEA,IAAA,IAAI,OAAO,MAAQ,EAAA;AACjB,MAAM,MAAA,oBAAA,CAAqB,sBAAuB,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA,KACjE,MAAA,IAAW,OAAO,MAAA,KAAW,QAAU,EAAA;AACrC,MAAM,MAAA,oBAAA,CAAqB,uBAAuB,MAAM,CAAA,CAAA;AAAA,KAC1D,MAAA,IAAW,OAAO,MAAA,KAAW,UAAY,EAAA;AACvC,MAAM,MAAA,oBAAA,CAAqB,qBAAqB,MAAM,CAAA,CAAA;AAAA,KACxD;AAAA,GACF;AACF,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<any> {\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,SAM0B,EAAA;AAC1B,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<any> {\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,SAQ0B,EAAA;AAC1B,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/extensions.esm.js

@@ -0,0 +1,103 @@
+import { createExtensionDataRef, createSchemaFromZod, createExtension, coreExtensionData, ExtensionBoundary } from '@backstage/frontend-plugin-api';
+import React, { lazy } from 'react';
+import '@backstage/catalog-model';
+import '@backstage/plugin-permission-react';
+import '../hooks/useEntity.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 };
+//# sourceMappingURL=extensions.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extensions.esm.js","sources":["../../src/alpha/extensions.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/**\n * @alpha\n * @deprecated use `dataRefs` property on either {@link EntityCardBlueprint} or {@link EntityContentBlueprint} instead\n */\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/**\n * @alpha\n * @deprecated use {@link EntityCardBlueprint} instead\n */\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/**\n * @alpha\n * @deprecated use {@link EntityContentBlueprint} instead\n */\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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"}

package/dist/alpha.d.ts

@@ -1,6 +1,9 @@
 /// <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, AnyExtensionInputMap, PortableSchema, ResolvedExtensionInputs, 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';
@@ -16,6 +19,64 @@ import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/al
  */
 declare function isOwnerOf(owner: Entity, entity: Entity): boolean;
 
+/**
+ * @alpha
+ * A blueprint for creating cards for the entity pages in the catalog.
+ */
+declare const EntityCardBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "entity-card";
+    namespace: undefined;
+    name: undefined;
+}, {
+    loader: () => Promise<JSX.Element>;
+    filter?: string | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+}, _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;
+}>, {}, {
+    filter: string | undefined;
+}, {
+    filter?: string | undefined;
+}, {
+    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
+ * Creates an EntityContent extension.
+ */
+declare const EntityContentBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "entity-content";
+    namespace: undefined;
+    name: undefined;
+}, {
+    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;
+}, _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;
+}>, {}, {
+    path: string | undefined;
+    title: string | undefined;
+    filter: string | undefined;
+}, {
+    filter?: string | undefined;
+    title?: string | undefined;
+    path?: string | undefined;
+}, {
+    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", {}>;
+}>;
+
 /**
  * Utility type to expand type aliases into their equivalent type.
  * @ignore
@@ -96,13 +157,19 @@ declare const catalogReactTranslationRef: _backstage_core_plugin_api_alpha.Trans
     readonly "userListPicker.personalFilter.starredLabel": "Starred";
 }>;
 
-/** @alpha */
+/**
+ * @alpha
+ * @deprecated use `dataRefs` property on either {@link EntityCardBlueprint} or {@link EntityContentBlueprint} instead
+ */
 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", {}>;
 };
-/** @alpha */
+/**
+ * @alpha
+ * @deprecated use {@link EntityCardBlueprint} instead
+ */
 declare function createEntityCardExtension<TConfig extends {
     filter?: string;
 }, TInputs extends AnyExtensionInputMap>(options: {
@@ -120,8 +187,15 @@ declare function createEntityCardExtension<TConfig extends {
         config: TConfig;
         inputs: Expand<ResolvedExtensionInputs<TInputs>>;
     }) => Promise<JSX.Element>;
-}): _backstage_frontend_plugin_api.ExtensionDefinition<TConfig & {}, TConfig & {}>;
-/** @alpha */
+}): _backstage_frontend_plugin_api.ExtensionDefinition<TConfig, TConfig, never, never, {
+    kind?: string | undefined;
+    namespace?: string | undefined;
+    name?: string | undefined;
+}>;
+/**
+ * @alpha
+ * @deprecated use {@link EntityContentBlueprint} instead
+ */
 declare function createEntityContentExtension<TInputs extends AnyExtensionInputMap>(options: {
     namespace?: string;
     name?: string;
@@ -146,6 +220,24 @@ declare function createEntityContentExtension<TInputs extends AnyExtensionInputM
     filter?: string | undefined;
     title?: string | undefined;
     path?: string | undefined;
+}, never, never, {
+    kind?: string | undefined;
+    namespace?: string | undefined;
+    name?: string | undefined;
 }>;
 
-export { catalogExtensionData, catalogReactTranslationRef, createEntityCardExtension, createEntityContentExtension, isOwnerOf, useEntityPermission };
+/** @alpha */
+declare function convertLegacyEntityCardExtension(LegacyExtension: ComponentType<{}>, overrides?: {
+    name?: string;
+    filter?: typeof EntityCardBlueprint.dataRefs.filterFunction.T | typeof EntityCardBlueprint.dataRefs.filterExpression.T;
+}): ExtensionDefinition<any>;
+
+/** @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<any>;
+
+export { EntityCardBlueprint, EntityContentBlueprint, catalogExtensionData, catalogReactTranslationRef, convertLegacyEntityCardExtension, convertLegacyEntityContentExtension, createEntityCardExtension, createEntityContentExtension, isOwnerOf, useEntityPermission };

package/dist/alpha.esm.js

@@ -1,103 +1,9 @@
-import { createExtensionDataRef, createSchemaFromZod, createExtension, coreExtensionData, ExtensionBoundary } from '@backstage/frontend-plugin-api';
-import React, { lazy } from 'react';
+export { EntityCardBlueprint } from './alpha/blueprints/EntityCardBlueprint.esm.js';
+export { EntityContentBlueprint } from './alpha/blueprints/EntityContentBlueprint.esm.js';
+export { catalogExtensionData, createEntityCardExtension, createEntityContentExtension } from './alpha/extensions.esm.js';
+export { convertLegacyEntityCardExtension } from './alpha/converters/convertLegacyEntityCardExtension.esm.js';
+export { convertLegacyEntityContentExtension } from './alpha/converters/convertLegacyEntityContentExtension.esm.js';
 export { useEntityPermission } from './hooks/useEntityPermission.esm.js';
-import '@backstage/catalog-model';
 export { isOwnerOf } from './utils/isOwnerOf.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 };
 //# 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/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.2",
+  "version": "1.12.3",
   "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.5",
-    "@backstage/catalog-model": "^1.5.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.8",
+    "@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.2",
-    "@backstage/integration-react": "^1.1.30-next.0",
-    "@backstage/plugin-catalog-common": "^1.0.26-next.1",
-    "@backstage/plugin-permission-common": "^0.8.1-next.1",
-    "@backstage/plugin-permission-react": "^0.4.25-next.1",
+    "@backstage/frontend-plugin-api": "^0.7.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.3",
-    "@backstage/core-app-api": "^1.14.2-next.0",
-    "@backstage/plugin-catalog-common": "^1.0.26-next.1",
-    "@backstage/plugin-scaffolder-common": "^1.5.5-next.1",
-    "@backstage/test-utils": "^1.5.10-next.2",
+    "@backstage/cli": "^0.27.0",
+    "@backstage/core-app-api": "^1.14.2",
+    "@backstage/frontend-test-utils": "^0.1.12",
+    "@backstage/plugin-catalog-common": "^1.0.26",
+    "@backstage/plugin-scaffolder-common": "^1.5.5",
+    "@backstage/test-utils": "^1.5.10",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",