@backstage/plugin-catalog 1.34.0-next.1 → 2.0.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @backstage/plugin-catalog
 
+## 2.0.0-next.2
+
+### Major Changes
+
+- 5fc35bb: Migrated `EntityAboutCard`, `EntityLinksCard`, `EntityLabelsCard`, `GroupProfileCard`, and `UserProfileCard` from MUI/InfoCard to use the new BUI card layout and BUI components where possible.
+
+  **BREAKING**: Removed `variant` prop from EntityAboutCard, EntityUserProfileCard, EntityGroupProfileCard, EntityLabelsCard, EntityLinksCard. Removed `gridSizes` prop from `AboutField`.
+
+  **Migration:**
+
+  Simply delete the obsolete `variant` and `gridSizes` props, e.g:
+
+  ```diff
+  -      <EntityAboutCard variant="gridItem" />
+  +      <EntityAboutCard />
+  ```
+
+  ```diff
+  -      <AboutField label="Owner" gridSizes={{ xs: 12, sm: 6, lg: 4 }} />
+  +      <AboutField label="Owner" />
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-compat-api@0.5.9-next.2
+  - @backstage/ui@0.13.0-next.2
+  - @backstage/frontend-plugin-api@0.15.0-next.1
+  - @backstage/core-plugin-api@1.12.4-next.1
+  - @backstage/catalog-client@1.14.0-next.2
+  - @backstage/plugin-catalog-react@2.1.0-next.2
+  - @backstage/core-components@0.18.8-next.1
+  - @backstage/plugin-scaffolder-common@2.0.0-next.2
+  - @backstage/plugin-search-react@1.10.5-next.1
+  - @backstage/plugin-techdocs-react@1.3.9-next.1
+
 ## 1.34.0-next.1
 
 ### Minor Changes

package/dist/alpha/entityCards.esm.js

@@ -41,7 +41,7 @@ const catalogAboutEntityCard = EntityCardBlueprint.makeWithOverrides({
       },
       async loader() {
         const { InternalAboutCard } = await import('../components/AboutCard/AboutCard.esm.js');
-        return /* @__PURE__ */ jsx(InternalAboutCard, { variant: "gridItem", subheader: /* @__PURE__ */ jsx(Subheader, {}) });
+        return /* @__PURE__ */ jsx(InternalAboutCard, { iconLinks: /* @__PURE__ */ jsx(Subheader, {}) });
       }
     });
   }
@@ -51,7 +51,7 @@ const catalogLinksEntityCard = EntityCardBlueprint.make({
   params: {
     type: "info",
     filter: { "metadata.links": { $exists: true } },
-    loader: async () => import('../components/EntityLinksCard/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.EntityLinksCard, { variant: "gridItem" }))
+    loader: async () => import('../components/EntityLinksCard/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.EntityLinksCard, {}))
   }
 });
 const catalogLabelsEntityCard = EntityCardBlueprint.make({
@@ -59,7 +59,7 @@ const catalogLabelsEntityCard = EntityCardBlueprint.make({
   params: {
     type: "info",
     filter: { "metadata.labels": { $exists: true } },
-    loader: async () => import('../components/EntityLabelsCard/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.EntityLabelsCard, { variant: "gridItem" }))
+    loader: async () => import('../components/EntityLabelsCard/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.EntityLabelsCard, {}))
   }
 });
 const catalogDependsOnComponentsEntityCard = EntityCardBlueprint.make({

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

@@ -1 +1 @@
-{"version":3,"file":"entityCards.esm.js","sources":["../../src/alpha/entityCards.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  EntityIconLinkBlueprint,\n  EntityCardBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\nimport { createExtensionInput } from '@backstage/frontend-plugin-api';\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n} from '@backstage/core-components';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { buildFilterFn } from './filter/FilterWrapper';\n\nexport const catalogAboutEntityCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'about',\n  inputs: {\n    iconLinks: createExtensionInput([\n      EntityIconLinkBlueprint.dataRefs.filterFunction.optional(),\n      EntityIconLinkBlueprint.dataRefs.filterExpression.optional(),\n      EntityIconLinkBlueprint.dataRefs.useProps,\n    ]),\n  },\n  factory(originalFactory, { inputs }) {\n    function Subheader() {\n      const { entity } = useEntity();\n      // The \"useProps\" functions may be calling other hooks, so we need to\n      // call them in a component function to avoid breaking the rules of hooks.\n      const links = inputs.iconLinks.reduce((rest, iconLink) => {\n        const filter = buildFilterFn(\n          iconLink.get(EntityIconLinkBlueprint.dataRefs.filterFunction),\n          iconLink.get(EntityIconLinkBlueprint.dataRefs.filterExpression),\n        );\n        if (filter(entity)) {\n          const props = iconLink.get(\n            EntityIconLinkBlueprint.dataRefs.useProps,\n          )();\n          return [...rest, props];\n        }\n        return rest;\n      }, new Array<IconLinkVerticalProps>());\n      return links.length ? <HeaderIconLinkRow links={links} /> : null;\n    }\n    return originalFactory({\n      type: 'info',\n      filter: {\n        $not: {\n          kind: { $in: ['user', 'group'] },\n        },\n      },\n      async loader() {\n        const { InternalAboutCard } = await import(\n          '../components/AboutCard/AboutCard'\n        );\n        return (\n          <InternalAboutCard variant=\"gridItem\" subheader={<Subheader />} />\n        );\n      },\n    });\n  },\n});\n\nexport const catalogLinksEntityCard = EntityCardBlueprint.make({\n  name: 'links',\n  params: {\n    type: 'info',\n    filter: { 'metadata.links': { $exists: true } },\n    loader: async () =>\n      import('../components/EntityLinksCard').then(m => (\n        <m.EntityLinksCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogLabelsEntityCard = EntityCardBlueprint.make({\n  name: 'labels',\n  params: {\n    type: 'info',\n    filter: { 'metadata.labels': { $exists: true } },\n    loader: async () =>\n      import('../components/EntityLabelsCard').then(m => (\n        <m.EntityLabelsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogDependsOnComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'depends-on-components',\n  params: {\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('../components/DependsOnComponentsCard').then(m => (\n        <m.DependsOnComponentsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogDependsOnResourcesEntityCard = EntityCardBlueprint.make({\n  name: 'depends-on-resources',\n  params: {\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('../components/DependsOnResourcesCard').then(m => (\n        <m.DependsOnResourcesCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'has-components',\n  params: {\n    filter: { kind: 'system' },\n    loader: async () =>\n      import('../components/HasComponentsCard').then(m => (\n        <m.HasComponentsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasResourcesEntityCard = EntityCardBlueprint.make({\n  name: 'has-resources',\n  params: {\n    filter: { kind: 'system' },\n    loader: async () =>\n      import('../components/HasResourcesCard').then(m => (\n        <m.HasResourcesCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasSubcomponentsEntityCard = EntityCardBlueprint.make({\n  name: 'has-subcomponents',\n  params: {\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('../components/HasSubcomponentsCard').then(m => (\n        <m.HasSubcomponentsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasSubdomainsEntityCard = EntityCardBlueprint.make({\n  name: 'has-subdomains',\n  params: {\n    filter: { kind: 'domain' },\n    loader: async () =>\n      import('../components/HasSubdomainsCard').then(m => (\n        <m.HasSubdomainsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasSystemsEntityCard = EntityCardBlueprint.make({\n  name: 'has-systems',\n  params: {\n    filter: { kind: 'domain' },\n    loader: async () =>\n      import('../components/HasSystemsCard').then(m => (\n        <m.HasSystemsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport default [\n  catalogAboutEntityCard,\n  catalogLinksEntityCard,\n  catalogLabelsEntityCard,\n  catalogDependsOnComponentsEntityCard,\n  catalogDependsOnResourcesEntityCard,\n  catalogHasComponentsEntityCard,\n  catalogHasResourcesEntityCard,\n  catalogHasSubcomponentsEntityCard,\n  catalogHasSubdomainsEntityCard,\n  catalogHasSystemsEntityCard,\n];\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"entityCards.esm.js","sources":["../../src/alpha/entityCards.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  EntityIconLinkBlueprint,\n  EntityCardBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\nimport { createExtensionInput } from '@backstage/frontend-plugin-api';\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n} from '@backstage/core-components';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { buildFilterFn } from './filter/FilterWrapper';\n\nexport const catalogAboutEntityCard = EntityCardBlueprint.makeWithOverrides({\n  name: 'about',\n  inputs: {\n    iconLinks: createExtensionInput([\n      EntityIconLinkBlueprint.dataRefs.filterFunction.optional(),\n      EntityIconLinkBlueprint.dataRefs.filterExpression.optional(),\n      EntityIconLinkBlueprint.dataRefs.useProps,\n    ]),\n  },\n  factory(originalFactory, { inputs }) {\n    function Subheader() {\n      const { entity } = useEntity();\n      // The \"useProps\" functions may be calling other hooks, so we need to\n      // call them in a component function to avoid breaking the rules of hooks.\n      const links = inputs.iconLinks.reduce((rest, iconLink) => {\n        const filter = buildFilterFn(\n          iconLink.get(EntityIconLinkBlueprint.dataRefs.filterFunction),\n          iconLink.get(EntityIconLinkBlueprint.dataRefs.filterExpression),\n        );\n        if (filter(entity)) {\n          const props = iconLink.get(\n            EntityIconLinkBlueprint.dataRefs.useProps,\n          )();\n          return [...rest, props];\n        }\n        return rest;\n      }, new Array<IconLinkVerticalProps>());\n      return links.length ? <HeaderIconLinkRow links={links} /> : null;\n    }\n    return originalFactory({\n      type: 'info',\n      filter: {\n        $not: {\n          kind: { $in: ['user', 'group'] },\n        },\n      },\n      async loader() {\n        const { InternalAboutCard } = await import(\n          '../components/AboutCard/AboutCard'\n        );\n        return <InternalAboutCard iconLinks={<Subheader />} />;\n      },\n    });\n  },\n});\n\nexport const catalogLinksEntityCard = EntityCardBlueprint.make({\n  name: 'links',\n  params: {\n    type: 'info',\n    filter: { 'metadata.links': { $exists: true } },\n    loader: async () =>\n      import('../components/EntityLinksCard').then(m => <m.EntityLinksCard />),\n  },\n});\n\nexport const catalogLabelsEntityCard = EntityCardBlueprint.make({\n  name: 'labels',\n  params: {\n    type: 'info',\n    filter: { 'metadata.labels': { $exists: true } },\n    loader: async () =>\n      import('../components/EntityLabelsCard').then(m => (\n        <m.EntityLabelsCard />\n      )),\n  },\n});\n\nexport const catalogDependsOnComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'depends-on-components',\n  params: {\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('../components/DependsOnComponentsCard').then(m => (\n        <m.DependsOnComponentsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogDependsOnResourcesEntityCard = EntityCardBlueprint.make({\n  name: 'depends-on-resources',\n  params: {\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('../components/DependsOnResourcesCard').then(m => (\n        <m.DependsOnResourcesCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'has-components',\n  params: {\n    filter: { kind: 'system' },\n    loader: async () =>\n      import('../components/HasComponentsCard').then(m => (\n        <m.HasComponentsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasResourcesEntityCard = EntityCardBlueprint.make({\n  name: 'has-resources',\n  params: {\n    filter: { kind: 'system' },\n    loader: async () =>\n      import('../components/HasResourcesCard').then(m => (\n        <m.HasResourcesCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasSubcomponentsEntityCard = EntityCardBlueprint.make({\n  name: 'has-subcomponents',\n  params: {\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('../components/HasSubcomponentsCard').then(m => (\n        <m.HasSubcomponentsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasSubdomainsEntityCard = EntityCardBlueprint.make({\n  name: 'has-subdomains',\n  params: {\n    filter: { kind: 'domain' },\n    loader: async () =>\n      import('../components/HasSubdomainsCard').then(m => (\n        <m.HasSubdomainsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport const catalogHasSystemsEntityCard = EntityCardBlueprint.make({\n  name: 'has-systems',\n  params: {\n    filter: { kind: 'domain' },\n    loader: async () =>\n      import('../components/HasSystemsCard').then(m => (\n        <m.HasSystemsCard variant=\"gridItem\" />\n      )),\n  },\n});\n\nexport default [\n  catalogAboutEntityCard,\n  catalogLinksEntityCard,\n  catalogLabelsEntityCard,\n  catalogDependsOnComponentsEntityCard,\n  catalogDependsOnResourcesEntityCard,\n  catalogHasComponentsEntityCard,\n  catalogHasResourcesEntityCard,\n  catalogHasSubcomponentsEntityCard,\n  catalogHasSubdomainsEntityCard,\n  catalogHasSystemsEntityCard,\n];\n"],"names":[],"mappings":"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"}

package/dist/alpha/translation.esm.js

@@ -94,6 +94,8 @@ const catalogTranslationRef = createTranslationRef({
     },
     entityLabelsCard: {
       title: "Labels",
+      columnKeyLabel: "Label",
+      columnValueLabel: "Value",
       emptyDescription: "No labels defined for this entity. You can add labels to your entity YAML as shown in the highlighted example below:",
       readMoreButtonTitle: "Read more"
     },

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

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../../src/alpha/translation.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 */\n\nimport { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const catalogTranslationRef = createTranslationRef({\n  id: 'catalog',\n  messages: {\n    indexPage: {\n      title: `{{orgName}} Catalog`,\n      createButtonTitle: 'Create',\n      supportButtonContent: 'All your software catalog entities',\n    },\n    entityPage: {\n      notFoundMessage: 'There is no {{kind}} with the requested {{link}}.',\n      notFoundLinkText: 'kind, namespace, and name',\n    },\n    aboutCard: {\n      title: 'About',\n      refreshButtonTitle: 'Schedule entity refresh',\n      editButtonTitle: 'Edit Metadata',\n      editButtonAriaLabel: 'Edit',\n      createSimilarButtonTitle: 'Create something similar',\n      refreshScheduledMessage: 'Refresh scheduled',\n      refreshButtonAriaLabel: 'Refresh',\n      launchTemplate: 'Launch Template',\n      viewTechdocs: 'View TechDocs',\n      viewSource: 'View Source',\n      unknown: 'unknown',\n      descriptionField: {\n        label: 'Description',\n        value: 'No description',\n      },\n      ownerField: {\n        label: 'Owner',\n        value: 'No Owner',\n      },\n      domainField: {\n        label: 'Domain',\n        value: 'No Domain',\n      },\n      systemField: {\n        label: 'System',\n        value: 'No System',\n      },\n      parentComponentField: {\n        label: 'Parent Component',\n        value: 'No Parent Component',\n      },\n      typeField: {\n        label: 'Type',\n      },\n      lifecycleField: {\n        label: 'Lifecycle',\n      },\n      tagsField: {\n        label: 'Tags',\n        value: 'No Tags',\n      },\n      targetsField: {\n        label: 'Targets',\n      },\n    },\n    searchResultItem: {\n      kind: 'Kind',\n      type: 'Type',\n      lifecycle: 'Lifecycle',\n      owner: 'Owner',\n    },\n    catalogTable: {\n      warningPanelTitle: 'Could not fetch catalog entities.',\n      viewActionTitle: 'View',\n      editActionTitle: 'Edit',\n      starActionTitle: 'Add to favorites',\n      unStarActionTitle: 'Remove from favorites',\n      allFilters: 'All',\n    },\n    dependencyOfComponentsCard: {\n      title: 'Dependency of components',\n      emptyMessage: 'No component depends on this component',\n    },\n    dependsOnComponentsCard: {\n      title: 'Depends on components',\n      emptyMessage: 'No component is a dependency of this component',\n    },\n    dependsOnResourcesCard: {\n      title: 'Depends on resources',\n      emptyMessage: 'No resource is a dependency of this component',\n    },\n    entityContextMenu: {\n      copiedMessage: 'Copied!',\n      moreButtonTitle: 'More',\n      inspectMenuTitle: 'Inspect entity',\n      copyURLMenuTitle: 'Copy entity URL',\n      unregisterMenuTitle: 'Unregister entity',\n      moreButtonAriaLabel: 'more',\n    },\n    entityLabelsCard: {\n      title: 'Labels',\n      emptyDescription:\n        'No labels defined for this entity. You can add labels to your entity YAML as shown in the highlighted example below:',\n      readMoreButtonTitle: 'Read more',\n    },\n    entityLabels: {\n      warningPanelTitle: 'Entity not found',\n      ownerLabel: 'Owner',\n      lifecycleLabel: 'Lifecycle',\n    },\n    entityLinksCard: {\n      title: 'Links',\n      emptyDescription:\n        'No links defined for this entity. You can add links to your entity YAML as shown in the highlighted example below:',\n      readMoreButtonTitle: 'Read more',\n    },\n    entityNotFound: {\n      title: 'Entity was not found',\n      description:\n        'Want to help us build this? Check out our Getting Started documentation.',\n      docButtonTitle: 'DOCS',\n    },\n    entityTabs: {\n      tabsAriaLabel: 'Tabs',\n    },\n    deleteEntity: {\n      dialogTitle: 'Are you sure you want to delete this entity?',\n      deleteButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n      description:\n        'This entity is not referenced by any location and is therefore not receiving updates.',\n      actionButtonTitle: 'Delete entity',\n    },\n    entityProcessingErrorsDescription: 'The error below originates from',\n    entityRelationWarningDescription:\n      \"This entity has relations to other entities, which can't be found in the catalog.\\n Entities not found are: \",\n    hasComponentsCard: {\n      title: 'Has components',\n      emptyMessage: 'No component is part of this system',\n    },\n    hasResourcesCard: {\n      title: 'Has resources',\n      emptyMessage: 'No resource is part of this system',\n    },\n    hasSubcomponentsCard: {\n      title: 'Has subcomponents',\n      emptyMessage: 'No subcomponent is part of this component',\n    },\n    hasSubdomainsCard: {\n      title: 'Has subdomains',\n      emptyMessage: 'No subdomain is part of this domain',\n    },\n    hasSystemsCard: {\n      title: 'Has systems',\n      emptyMessage: 'No system is part of this domain',\n    },\n    relatedEntitiesCard: {\n      emptyHelpLinkTitle: 'Learn how to change this',\n    },\n    systemDiagramCard: {\n      title: 'System Diagram',\n      description: 'Use pinch & zoom to move around the diagram.',\n      edgeLabels: {\n        partOf: 'part of',\n        provides: 'provides',\n        dependsOn: 'depends on',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"translation.esm.js","sources":["../../src/alpha/translation.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 */\n\nimport { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const catalogTranslationRef = createTranslationRef({\n  id: 'catalog',\n  messages: {\n    indexPage: {\n      title: `{{orgName}} Catalog`,\n      createButtonTitle: 'Create',\n      supportButtonContent: 'All your software catalog entities',\n    },\n    entityPage: {\n      notFoundMessage: 'There is no {{kind}} with the requested {{link}}.',\n      notFoundLinkText: 'kind, namespace, and name',\n    },\n    aboutCard: {\n      title: 'About',\n      refreshButtonTitle: 'Schedule entity refresh',\n      editButtonTitle: 'Edit Metadata',\n      editButtonAriaLabel: 'Edit',\n      createSimilarButtonTitle: 'Create something similar',\n      refreshScheduledMessage: 'Refresh scheduled',\n      refreshButtonAriaLabel: 'Refresh',\n      launchTemplate: 'Launch Template',\n      viewTechdocs: 'View TechDocs',\n      viewSource: 'View Source',\n      unknown: 'unknown',\n      descriptionField: {\n        label: 'Description',\n        value: 'No description',\n      },\n      ownerField: {\n        label: 'Owner',\n        value: 'No Owner',\n      },\n      domainField: {\n        label: 'Domain',\n        value: 'No Domain',\n      },\n      systemField: {\n        label: 'System',\n        value: 'No System',\n      },\n      parentComponentField: {\n        label: 'Parent Component',\n        value: 'No Parent Component',\n      },\n      typeField: {\n        label: 'Type',\n      },\n      lifecycleField: {\n        label: 'Lifecycle',\n      },\n      tagsField: {\n        label: 'Tags',\n        value: 'No Tags',\n      },\n      targetsField: {\n        label: 'Targets',\n      },\n    },\n    searchResultItem: {\n      kind: 'Kind',\n      type: 'Type',\n      lifecycle: 'Lifecycle',\n      owner: 'Owner',\n    },\n    catalogTable: {\n      warningPanelTitle: 'Could not fetch catalog entities.',\n      viewActionTitle: 'View',\n      editActionTitle: 'Edit',\n      starActionTitle: 'Add to favorites',\n      unStarActionTitle: 'Remove from favorites',\n      allFilters: 'All',\n    },\n    dependencyOfComponentsCard: {\n      title: 'Dependency of components',\n      emptyMessage: 'No component depends on this component',\n    },\n    dependsOnComponentsCard: {\n      title: 'Depends on components',\n      emptyMessage: 'No component is a dependency of this component',\n    },\n    dependsOnResourcesCard: {\n      title: 'Depends on resources',\n      emptyMessage: 'No resource is a dependency of this component',\n    },\n    entityContextMenu: {\n      copiedMessage: 'Copied!',\n      moreButtonTitle: 'More',\n      inspectMenuTitle: 'Inspect entity',\n      copyURLMenuTitle: 'Copy entity URL',\n      unregisterMenuTitle: 'Unregister entity',\n      moreButtonAriaLabel: 'more',\n    },\n    entityLabelsCard: {\n      title: 'Labels',\n      columnKeyLabel: 'Label',\n      columnValueLabel: 'Value',\n      emptyDescription:\n        'No labels defined for this entity. You can add labels to your entity YAML as shown in the highlighted example below:',\n      readMoreButtonTitle: 'Read more',\n    },\n    entityLabels: {\n      warningPanelTitle: 'Entity not found',\n      ownerLabel: 'Owner',\n      lifecycleLabel: 'Lifecycle',\n    },\n    entityLinksCard: {\n      title: 'Links',\n      emptyDescription:\n        'No links defined for this entity. You can add links to your entity YAML as shown in the highlighted example below:',\n      readMoreButtonTitle: 'Read more',\n    },\n    entityNotFound: {\n      title: 'Entity was not found',\n      description:\n        'Want to help us build this? Check out our Getting Started documentation.',\n      docButtonTitle: 'DOCS',\n    },\n    entityTabs: {\n      tabsAriaLabel: 'Tabs',\n    },\n    deleteEntity: {\n      dialogTitle: 'Are you sure you want to delete this entity?',\n      deleteButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n      description:\n        'This entity is not referenced by any location and is therefore not receiving updates.',\n      actionButtonTitle: 'Delete entity',\n    },\n    entityProcessingErrorsDescription: 'The error below originates from',\n    entityRelationWarningDescription:\n      \"This entity has relations to other entities, which can't be found in the catalog.\\n Entities not found are: \",\n    hasComponentsCard: {\n      title: 'Has components',\n      emptyMessage: 'No component is part of this system',\n    },\n    hasResourcesCard: {\n      title: 'Has resources',\n      emptyMessage: 'No resource is part of this system',\n    },\n    hasSubcomponentsCard: {\n      title: 'Has subcomponents',\n      emptyMessage: 'No subcomponent is part of this component',\n    },\n    hasSubdomainsCard: {\n      title: 'Has subdomains',\n      emptyMessage: 'No subdomain is part of this domain',\n    },\n    hasSystemsCard: {\n      title: 'Has systems',\n      emptyMessage: 'No system is part of this domain',\n    },\n    relatedEntitiesCard: {\n      emptyHelpLinkTitle: 'Learn how to change this',\n    },\n    systemDiagramCard: {\n      title: 'System Diagram',\n      description: 'Use pinch & zoom to move around the diagram.',\n      edgeLabels: {\n        partOf: 'part of',\n        provides: 'provides',\n        dependsOn: 'depends on',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":";;AAmBO,MAAM,wBAAwB,oBAAA,CAAqB;AAAA,EACxD,EAAA,EAAI,SAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,CAAA,mBAAA,CAAA;AAAA,MACP,iBAAA,EAAmB,QAAA;AAAA,MACnB,oBAAA,EAAsB;AAAA,KACxB;AAAA,IACA,UAAA,EAAY;AAAA,MACV,eAAA,EAAiB,mDAAA;AAAA,MACjB,gBAAA,EAAkB;AAAA,KACpB;AAAA,IACA,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,OAAA;AAAA,MACP,kBAAA,EAAoB,yBAAA;AAAA,MACpB,eAAA,EAAiB,eAAA;AAAA,MACjB,mBAAA,EAAqB,MAAA;AAAA,MACrB,wBAAA,EAA0B,0BAAA;AAAA,MAC1B,uBAAA,EAAyB,mBAAA;AAAA,MACzB,sBAAA,EAAwB,SAAA;AAAA,MACxB,cAAA,EAAgB,iBAAA;AAAA,MAChB,YAAA,EAAc,eAAA;AAAA,MACd,UAAA,EAAY,aAAA;AAAA,MACZ,OAAA,EAAS,SAAA;AAAA,MACT,gBAAA,EAAkB;AAAA,QAChB,KAAA,EAAO,aAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA,MACA,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,OAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA,MACA,WAAA,EAAa;AAAA,QACX,KAAA,EAAO,QAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA,MACA,WAAA,EAAa;AAAA,QACX,KAAA,EAAO,QAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA,MACA,oBAAA,EAAsB;AAAA,QACpB,KAAA,EAAO,kBAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA,MACA,SAAA,EAAW;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO;AAAA,OACT;AAAA,MACA,SAAA,EAAW;AAAA,QACT,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM,MAAA;AAAA,MACN,IAAA,EAAM,MAAA;AAAA,MACN,SAAA,EAAW,WAAA;AAAA,MACX,KAAA,EAAO;AAAA,KACT;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,iBAAA,EAAmB,mCAAA;AAAA,MACnB,eAAA,EAAiB,MAAA;AAAA,MACjB,eAAA,EAAiB,MAAA;AAAA,MACjB,eAAA,EAAiB,kBAAA;AAAA,MACjB,iBAAA,EAAmB,uBAAA;AAAA,MACnB,UAAA,EAAY;AAAA,KACd;AAAA,IACA,0BAAA,EAA4B;AAAA,MAC1B,KAAA,EAAO,0BAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,uBAAA,EAAyB;AAAA,MACvB,KAAA,EAAO,uBAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,sBAAA,EAAwB;AAAA,MACtB,KAAA,EAAO,sBAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,iBAAA,EAAmB;AAAA,MACjB,aAAA,EAAe,SAAA;AAAA,MACf,eAAA,EAAiB,MAAA;AAAA,MACjB,gBAAA,EAAkB,gBAAA;AAAA,MAClB,gBAAA,EAAkB,iBAAA;AAAA,MAClB,mBAAA,EAAqB,mBAAA;AAAA,MACrB,mBAAA,EAAqB;AAAA,KACvB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,KAAA,EAAO,QAAA;AAAA,MACP,cAAA,EAAgB,OAAA;AAAA,MAChB,gBAAA,EAAkB,OAAA;AAAA,MAClB,gBAAA,EACE,sHAAA;AAAA,MACF,mBAAA,EAAqB;AAAA,KACvB;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,iBAAA,EAAmB,kBAAA;AAAA,MACnB,UAAA,EAAY,OAAA;AAAA,MACZ,cAAA,EAAgB;AAAA,KAClB;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO,OAAA;AAAA,MACP,gBAAA,EACE,oHAAA;AAAA,MACF,mBAAA,EAAqB;AAAA,KACvB;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,sBAAA;AAAA,MACP,WAAA,EACE,0EAAA;AAAA,MACF,cAAA,EAAgB;AAAA,KAClB;AAAA,IACA,UAAA,EAAY;AAAA,MACV,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,WAAA,EAAa,8CAAA;AAAA,MACb,iBAAA,EAAmB,QAAA;AAAA,MACnB,iBAAA,EAAmB,QAAA;AAAA,MACnB,WAAA,EACE,uFAAA;AAAA,MACF,iBAAA,EAAmB;AAAA,KACrB;AAAA,IACA,iCAAA,EAAmC,iCAAA;AAAA,IACnC,gCAAA,EACE,8GAAA;AAAA,IACF,iBAAA,EAAmB;AAAA,MACjB,KAAA,EAAO,gBAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,KAAA,EAAO,eAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,oBAAA,EAAsB;AAAA,MACpB,KAAA,EAAO,mBAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,iBAAA,EAAmB;AAAA,MACjB,KAAA,EAAO,gBAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,aAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,mBAAA,EAAqB;AAAA,MACnB,kBAAA,EAAoB;AAAA,KACtB;AAAA,IACA,iBAAA,EAAmB;AAAA,MACjB,KAAA,EAAO,gBAAA;AAAA,MACP,WAAA,EAAa,8CAAA;AAAA,MACb,UAAA,EAAY;AAAA,QACV,MAAA,EAAQ,SAAA;AAAA,QACR,QAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAW;AAAA;AACb;AACF;AAEJ,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -611,7 +611,6 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
         kind: "page";
         name: undefined;
         params: {
-            defaultPath?: [Error: `Use the 'path' param instead`];
             path: string;
             title?: string;
             icon?: _backstage_frontend_plugin_api.IconElement;
@@ -699,7 +698,6 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
         kind: "page";
         name: "entity";
         params: {
-            defaultPath?: [Error: `Use the 'path' param instead`];
             path: string;
             title?: string;
             icon?: _backstage_frontend_plugin_api.IconElement;
@@ -789,6 +787,8 @@ declare const catalogTranslationRef: _backstage_frontend_plugin_api.TranslationR
     readonly "entityContextMenu.moreButtonAriaLabel": "more";
     readonly "entityLabelsCard.title": "Labels";
     readonly "entityLabelsCard.readMoreButtonTitle": "Read more";
+    readonly "entityLabelsCard.columnKeyLabel": "Label";
+    readonly "entityLabelsCard.columnValueLabel": "Value";
     readonly "entityLabelsCard.emptyDescription": "No labels defined for this entity. You can add labels to your entity YAML as shown in the highlighted example below:";
     readonly "entityLabels.ownerLabel": "Owner";
     readonly "entityLabels.warningPanelTitle": "Entity not found";

package/dist/components/AboutCard/AboutCard.esm.js

@@ -1,21 +1,16 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Card from '@material-ui/core/Card';
-import CardContent from '@material-ui/core/CardContent';
-import CardHeader from '@material-ui/core/CardHeader';
-import Divider from '@material-ui/core/Divider';
 import IconButton from '@material-ui/core/IconButton';
 import CachedIcon from '@material-ui/icons/Cached';
 import EditIcon from '@material-ui/icons/Edit';
 import DocsIcon from '@material-ui/icons/Description';
 import CreateComponentIcon from '@material-ui/icons/AddCircleOutline';
 import { Link, AppIcon, HeaderIconLinkRow } from '@backstage/core-components';
+import { useEntity, catalogApiRef, EntityInfoCard, getEntitySourceLocation } from '@backstage/plugin-catalog-react';
 import { useApi, alertApiRef, errorApiRef, useRouteRef, useApp } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { scmIntegrationsApiRef, ScmIntegrationIcon } from '@backstage/integration-react';
 import { ANNOTATION_EDIT_URL, ANNOTATION_LOCATION, stringifyEntityRef, DEFAULT_NAMESPACE } from '@backstage/catalog-model';
-import { useEntity, catalogApiRef, getEntitySourceLocation } from '@backstage/plugin-catalog-react';
 import { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';
 import { catalogEntityRefreshPermission } from '@backstage/plugin-catalog-common/alpha';
 import { TECHDOCS_ANNOTATION, TECHDOCS_EXTERNAL_ANNOTATION } from '@backstage/plugin-techdocs-common';
@@ -27,7 +22,16 @@ import { createFromTemplateRouteRef, viewTechDocRouteRef } from '../../routes.es
 import { catalogTranslationRef } from '../../alpha/translation.esm.js';
 import { useSourceTemplateCompoundEntityRef } from './hooks.esm.js';
 import { AboutContent } from './AboutContent.esm.js';
+import { makeStyles } from '@material-ui/core/styles';
 
+const useStyles = makeStyles({
+  linkContainer: {
+    border: "1px solid var(--bui-border-1)",
+    borderLeft: "none",
+    borderRight: "none",
+    marginBottom: "var(--bui-space-6)"
+  }
+});
 function useCatalogSourceIconLinkProps() {
   const { entity } = useEntity();
   const scmIntegrationsApi = useApi(scmIntegrationsApiRef);
@@ -84,28 +88,8 @@ function DefaultAboutCardSubheader() {
   }
   return /* @__PURE__ */ jsx(HeaderIconLinkRow, { links });
 }
-const useStyles = makeStyles({
-  gridItemCard: {
-    display: "flex",
-    flexDirection: "column",
-    height: "calc(100% - 10px)",
-    // for pages without content header
-    marginBottom: "10px"
-  },
-  fullHeightCard: {
-    display: "flex",
-    flexDirection: "column",
-    height: "100%"
-  },
-  gridItemCardContent: {
-    flex: 1
-  },
-  fullHeightCardContent: {
-    flex: 1
-  }
-});
 function InternalAboutCard(props) {
-  const { variant, subheader } = props;
+  const { iconLinks } = props;
   const classes = useStyles();
   const { entity } = useEntity();
   const catalogApi = useApi(catalogApiRef);
@@ -118,18 +102,6 @@ function InternalAboutCard(props) {
   );
   const { t } = useTranslationRef(catalogTranslationRef);
   const entityMetadataEditUrl = entity.metadata.annotations?.[ANNOTATION_EDIT_URL];
-  let cardClass = "";
-  if (variant === "gridItem") {
-    cardClass = classes.gridItemCard;
-  } else if (variant === "fullHeight") {
-    cardClass = classes.fullHeightCard;
-  }
-  let cardContentClass = "";
-  if (variant === "gridItem") {
-    cardContentClass = classes.gridItemCardContent;
-  } else if (variant === "fullHeight") {
-    cardContentClass = classes.fullHeightCardContent;
-  }
   const entityLocation = entity.metadata.annotations?.[ANNOTATION_LOCATION];
   const allowRefresh = entityLocation?.startsWith("url:") || entityLocation?.startsWith("file:");
   const refreshEntity = useCallback(async () => {
@@ -144,54 +116,53 @@ function InternalAboutCard(props) {
       errorApi.post(e);
     }
   }, [catalogApi, entity, alertApi, t, errorApi]);
-  return /* @__PURE__ */ jsxs(Card, { className: cardClass, children: [
-    /* @__PURE__ */ jsx(
-      CardHeader,
-      {
-        title: t("aboutCard.title"),
-        action: /* @__PURE__ */ jsxs(Fragment, { children: [
-          allowRefresh && canRefresh && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": t("aboutCard.refreshButtonAriaLabel"),
-              title: t("aboutCard.refreshButtonTitle"),
-              onClick: refreshEntity,
-              children: /* @__PURE__ */ jsx(CachedIcon, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              component: Link,
-              "aria-label": t("aboutCard.editButtonAriaLabel"),
-              disabled: !entityMetadataEditUrl,
-              title: t("aboutCard.editButtonTitle"),
-              to: entityMetadataEditUrl ?? "#",
-              children: /* @__PURE__ */ jsx(EditIcon, {})
-            }
-          ),
-          sourceTemplateRef && templateRoute && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              component: Link,
-              title: t("aboutCard.createSimilarButtonTitle"),
-              to: templateRoute({
-                namespace: sourceTemplateRef.namespace,
-                templateName: sourceTemplateRef.name
-              }),
-              children: /* @__PURE__ */ jsx(AppIcon, { id: "scaffolder" })
-            }
-          )
-        ] }),
-        subheader: subheader ?? /* @__PURE__ */ jsx(DefaultAboutCardSubheader, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(CardContent, { className: cardContentClass, children: /* @__PURE__ */ jsx(AboutContent, { entity }) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    EntityInfoCard,
+    {
+      title: t("aboutCard.title"),
+      headerActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        allowRefresh && canRefresh && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": t("aboutCard.refreshButtonAriaLabel"),
+            title: t("aboutCard.refreshButtonTitle"),
+            onClick: refreshEntity,
+            children: /* @__PURE__ */ jsx(CachedIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            component: Link,
+            "aria-label": t("aboutCard.editButtonAriaLabel"),
+            disabled: !entityMetadataEditUrl,
+            title: t("aboutCard.editButtonTitle"),
+            to: entityMetadataEditUrl ?? "#",
+            children: /* @__PURE__ */ jsx(EditIcon, {})
+          }
+        ),
+        sourceTemplateRef && templateRoute && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            component: Link,
+            title: t("aboutCard.createSimilarButtonTitle"),
+            to: templateRoute({
+              namespace: sourceTemplateRef.namespace,
+              templateName: sourceTemplateRef.name
+            }),
+            children: /* @__PURE__ */ jsx(AppIcon, { id: "scaffolder" })
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: classes.linkContainer, children: iconLinks ?? /* @__PURE__ */ jsx(DefaultAboutCardSubheader, {}) }),
+        /* @__PURE__ */ jsx(AboutContent, { entity })
+      ]
+    }
+  );
 }
-function AboutCard(props) {
-  return /* @__PURE__ */ jsx(InternalAboutCard, { ...props });
+function AboutCard() {
+  return /* @__PURE__ */ jsx(InternalAboutCard, {});
 }
 
 export { AboutCard, InternalAboutCard, useCatalogSourceIconLinkProps };

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

@@ -1 +1 @@
-{"version":3,"file":"AboutCard.esm.js","sources":["../../../src/components/AboutCard/AboutCard.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 { useCallback } from 'react';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Divider from '@material-ui/core/Divider';\nimport IconButton from '@material-ui/core/IconButton';\nimport CachedIcon from '@material-ui/icons/Cached';\nimport EditIcon from '@material-ui/icons/Edit';\nimport DocsIcon from '@material-ui/icons/Description';\nimport CreateComponentIcon from '@material-ui/icons/AddCircleOutline';\n\nimport {\n  AppIcon,\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n  InfoCardVariants,\n  Link,\n} from '@backstage/core-components';\nimport {\n  alertApiRef,\n  errorApiRef,\n  useApp,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport {\n  ScmIntegrationIcon,\n  scmIntegrationsApiRef,\n} from '@backstage/integration-react';\n\nimport {\n  DEFAULT_NAMESPACE,\n  ANNOTATION_EDIT_URL,\n  ANNOTATION_LOCATION,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  getEntitySourceLocation,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';\nimport { catalogEntityRefreshPermission } from '@backstage/plugin-catalog-common/alpha';\n\nimport {\n  TECHDOCS_ANNOTATION,\n  TECHDOCS_EXTERNAL_ANNOTATION,\n} from '@backstage/plugin-techdocs-common';\nimport { buildTechDocsURL } from '@backstage/plugin-techdocs-react';\n\nimport { isTemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { taskCreatePermission } from '@backstage/plugin-scaffolder-common/alpha';\n\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport { createFromTemplateRouteRef, viewTechDocRouteRef } from '../../routes';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useSourceTemplateCompoundEntityRef } from './hooks';\nimport { AboutContent } from './AboutContent';\n\nexport function useCatalogSourceIconLinkProps() {\n  const { entity } = useEntity();\n  const scmIntegrationsApi = useApi(scmIntegrationsApiRef);\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const entitySourceLocation = getEntitySourceLocation(\n    entity,\n    scmIntegrationsApi,\n  );\n  return {\n    label: t('aboutCard.viewSource'),\n    disabled: !entitySourceLocation,\n    icon: <ScmIntegrationIcon type={entitySourceLocation?.integrationType} />,\n    href: entitySourceLocation?.locationTargetUrl,\n  };\n}\n\n// TODO: This hook is duplicated from the TechDocs plugin for backwards compatibility\n// Remove it when the the legacy frontend system support is dropped.\nfunction useTechdocsReaderIconLinkProps(): IconLinkVerticalProps {\n  const { entity } = useEntity();\n  const viewTechdocLink = useRouteRef(viewTechDocRouteRef);\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  return {\n    label: t('aboutCard.viewTechdocs'),\n    disabled:\n      !(\n        entity.metadata.annotations?.[TECHDOCS_ANNOTATION] ||\n        entity.metadata.annotations?.[TECHDOCS_EXTERNAL_ANNOTATION]\n      ) || !viewTechdocLink,\n    icon: <DocsIcon />,\n    href: buildTechDocsURL(entity, viewTechdocLink),\n  };\n}\n\n// TODO: This hook is duplicated from the Scaffolder plugin for backwards compatibility\n// Remove it when the the legacy frontend system support is dropped.\nfunction useScaffolderTemplateIconLinkProps(): IconLinkVerticalProps {\n  const app = useApp();\n  const { entity } = useEntity();\n  const templateRoute = useRouteRef(createFromTemplateRouteRef);\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const Icon = app.getSystemIcon('scaffolder') ?? CreateComponentIcon;\n  const { allowed: canCreateTemplateTask } = usePermission({\n    permission: taskCreatePermission,\n  });\n\n  return {\n    label: t('aboutCard.launchTemplate'),\n    icon: <Icon />,\n    disabled: !templateRoute || !canCreateTemplateTask,\n    href:\n      templateRoute &&\n      templateRoute({\n        templateName: entity.metadata.name,\n        namespace: entity.metadata.namespace || DEFAULT_NAMESPACE,\n      }),\n  };\n}\n\nfunction DefaultAboutCardSubheader() {\n  const { entity } = useEntity();\n  const catalogSourceIconLink = useCatalogSourceIconLinkProps();\n  const techdocsreaderIconLink = useTechdocsReaderIconLinkProps();\n  const scaffolderTemplateIconLink = useScaffolderTemplateIconLinkProps();\n\n  const links = [catalogSourceIconLink, techdocsreaderIconLink];\n  if (isTemplateEntityV1beta3(entity)) {\n    links.push(scaffolderTemplateIconLink);\n  }\n\n  return <HeaderIconLinkRow links={links} />;\n}\n\nconst useStyles = makeStyles({\n  gridItemCard: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: 'calc(100% - 10px)', // for pages without content header\n    marginBottom: '10px',\n  },\n  fullHeightCard: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  gridItemCardContent: {\n    flex: 1,\n  },\n  fullHeightCardContent: {\n    flex: 1,\n  },\n});\n\n/**\n * Props for {@link EntityAboutCard}.\n *\n * @public\n */\nexport type AboutCardProps = {\n  variant?: InfoCardVariants;\n};\n\nexport interface InternalAboutCardProps extends AboutCardProps {\n  subheader?: JSX.Element;\n}\n\nexport function InternalAboutCard(props: InternalAboutCardProps) {\n  const { variant, subheader } = props;\n  const classes = useStyles();\n  const { entity } = useEntity();\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n  const errorApi = useApi(errorApiRef);\n  const templateRoute = useRouteRef(createFromTemplateRouteRef);\n  const sourceTemplateRef = useSourceTemplateCompoundEntityRef(entity);\n  const { allowed: canRefresh } = useEntityPermission(\n    catalogEntityRefreshPermission,\n  );\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const entityMetadataEditUrl =\n    entity.metadata.annotations?.[ANNOTATION_EDIT_URL];\n\n  let cardClass = '';\n  if (variant === 'gridItem') {\n    cardClass = classes.gridItemCard;\n  } else if (variant === 'fullHeight') {\n    cardClass = classes.fullHeightCard;\n  }\n\n  let cardContentClass = '';\n  if (variant === 'gridItem') {\n    cardContentClass = classes.gridItemCardContent;\n  } else if (variant === 'fullHeight') {\n    cardContentClass = classes.fullHeightCardContent;\n  }\n\n  const entityLocation = entity.metadata.annotations?.[ANNOTATION_LOCATION];\n  // Limiting the ability to manually refresh to the less expensive locations\n  const allowRefresh =\n    entityLocation?.startsWith('url:') || entityLocation?.startsWith('file:');\n  const refreshEntity = useCallback(async () => {\n    try {\n      await catalogApi.refreshEntity(stringifyEntityRef(entity));\n      alertApi.post({\n        message: t('aboutCard.refreshScheduledMessage'),\n        severity: 'info',\n        display: 'transient',\n      });\n    } catch (e) {\n      errorApi.post(e);\n    }\n  }, [catalogApi, entity, alertApi, t, errorApi]);\n\n  return (\n    <Card className={cardClass}>\n      <CardHeader\n        title={t('aboutCard.title')}\n        action={\n          <>\n            {allowRefresh && canRefresh && (\n              <IconButton\n                aria-label={t('aboutCard.refreshButtonAriaLabel')}\n                title={t('aboutCard.refreshButtonTitle')}\n                onClick={refreshEntity}\n              >\n                <CachedIcon />\n              </IconButton>\n            )}\n            <IconButton\n              component={Link}\n              aria-label={t('aboutCard.editButtonAriaLabel')}\n              disabled={!entityMetadataEditUrl}\n              title={t('aboutCard.editButtonTitle')}\n              to={entityMetadataEditUrl ?? '#'}\n            >\n              <EditIcon />\n            </IconButton>\n            {sourceTemplateRef && templateRoute && (\n              <IconButton\n                component={Link}\n                title={t('aboutCard.createSimilarButtonTitle')}\n                to={templateRoute({\n                  namespace: sourceTemplateRef.namespace,\n                  templateName: sourceTemplateRef.name,\n                })}\n              >\n                <AppIcon id=\"scaffolder\" />\n              </IconButton>\n            )}\n          </>\n        }\n        subheader={subheader ?? <DefaultAboutCardSubheader />}\n      />\n      <Divider />\n      <CardContent className={cardContentClass}>\n        <AboutContent entity={entity} />\n      </CardContent>\n    </Card>\n  );\n}\n\n/**\n * Exported publicly via the EntityAboutCard\n *\n * NOTE: We generally do not accept pull requests to extend this class with more\n * props and customizability. If you need to tweak it, consider making a bespoke\n * card in your own repository instead, that is perfect for your own needs.\n */\nexport function AboutCard(props: AboutCardProps) {\n  return <InternalAboutCard {...props} />;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AboutCard.esm.js","sources":["../../../src/components/AboutCard/AboutCard.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 { useCallback } from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport CachedIcon from '@material-ui/icons/Cached';\nimport EditIcon from '@material-ui/icons/Edit';\nimport DocsIcon from '@material-ui/icons/Description';\nimport CreateComponentIcon from '@material-ui/icons/AddCircleOutline';\n\nimport {\n  AppIcon,\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n  Link,\n} from '@backstage/core-components';\nimport { EntityInfoCard } from '@backstage/plugin-catalog-react';\nimport {\n  alertApiRef,\n  errorApiRef,\n  useApp,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport {\n  ScmIntegrationIcon,\n  scmIntegrationsApiRef,\n} from '@backstage/integration-react';\n\nimport {\n  DEFAULT_NAMESPACE,\n  ANNOTATION_EDIT_URL,\n  ANNOTATION_LOCATION,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  getEntitySourceLocation,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';\nimport { catalogEntityRefreshPermission } from '@backstage/plugin-catalog-common/alpha';\n\nimport {\n  TECHDOCS_ANNOTATION,\n  TECHDOCS_EXTERNAL_ANNOTATION,\n} from '@backstage/plugin-techdocs-common';\nimport { buildTechDocsURL } from '@backstage/plugin-techdocs-react';\n\nimport { isTemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { taskCreatePermission } from '@backstage/plugin-scaffolder-common/alpha';\n\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nimport { createFromTemplateRouteRef, viewTechDocRouteRef } from '../../routes';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useSourceTemplateCompoundEntityRef } from './hooks';\nimport { AboutContent } from './AboutContent';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles({\n  linkContainer: {\n    border: '1px solid var(--bui-border-1)',\n    borderLeft: 'none',\n    borderRight: 'none',\n    marginBottom: 'var(--bui-space-6)',\n  },\n});\n\nexport function useCatalogSourceIconLinkProps() {\n  const { entity } = useEntity();\n  const scmIntegrationsApi = useApi(scmIntegrationsApiRef);\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const entitySourceLocation = getEntitySourceLocation(\n    entity,\n    scmIntegrationsApi,\n  );\n  return {\n    label: t('aboutCard.viewSource'),\n    disabled: !entitySourceLocation,\n    icon: <ScmIntegrationIcon type={entitySourceLocation?.integrationType} />,\n    href: entitySourceLocation?.locationTargetUrl,\n  };\n}\n\n// TODO: This hook is duplicated from the TechDocs plugin for backwards compatibility\n// Remove it when the the legacy frontend system support is dropped.\nfunction useTechdocsReaderIconLinkProps(): IconLinkVerticalProps {\n  const { entity } = useEntity();\n  const viewTechdocLink = useRouteRef(viewTechDocRouteRef);\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  return {\n    label: t('aboutCard.viewTechdocs'),\n    disabled:\n      !(\n        entity.metadata.annotations?.[TECHDOCS_ANNOTATION] ||\n        entity.metadata.annotations?.[TECHDOCS_EXTERNAL_ANNOTATION]\n      ) || !viewTechdocLink,\n    icon: <DocsIcon />,\n    href: buildTechDocsURL(entity, viewTechdocLink),\n  };\n}\n\n// TODO: This hook is duplicated from the Scaffolder plugin for backwards compatibility\n// Remove it when the the legacy frontend system support is dropped.\nfunction useScaffolderTemplateIconLinkProps(): IconLinkVerticalProps {\n  const app = useApp();\n  const { entity } = useEntity();\n  const templateRoute = useRouteRef(createFromTemplateRouteRef);\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const Icon = app.getSystemIcon('scaffolder') ?? CreateComponentIcon;\n  const { allowed: canCreateTemplateTask } = usePermission({\n    permission: taskCreatePermission,\n  });\n\n  return {\n    label: t('aboutCard.launchTemplate'),\n    icon: <Icon />,\n    disabled: !templateRoute || !canCreateTemplateTask,\n    href:\n      templateRoute &&\n      templateRoute({\n        templateName: entity.metadata.name,\n        namespace: entity.metadata.namespace || DEFAULT_NAMESPACE,\n      }),\n  };\n}\n\nfunction DefaultAboutCardSubheader() {\n  const { entity } = useEntity();\n  const catalogSourceIconLink = useCatalogSourceIconLinkProps();\n  const techdocsreaderIconLink = useTechdocsReaderIconLinkProps();\n  const scaffolderTemplateIconLink = useScaffolderTemplateIconLinkProps();\n\n  const links = [catalogSourceIconLink, techdocsreaderIconLink];\n  if (isTemplateEntityV1beta3(entity)) {\n    links.push(scaffolderTemplateIconLink);\n  }\n\n  return <HeaderIconLinkRow links={links} />;\n}\n\nexport interface InternalAboutCardProps {\n  /** Icon link row rendered at the top of the card body. */\n  iconLinks?: JSX.Element;\n}\n\nexport function InternalAboutCard(props: InternalAboutCardProps) {\n  const { iconLinks } = props;\n  const classes = useStyles();\n  const { entity } = useEntity();\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n  const errorApi = useApi(errorApiRef);\n  const templateRoute = useRouteRef(createFromTemplateRouteRef);\n  const sourceTemplateRef = useSourceTemplateCompoundEntityRef(entity);\n  const { allowed: canRefresh } = useEntityPermission(\n    catalogEntityRefreshPermission,\n  );\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const entityMetadataEditUrl =\n    entity.metadata.annotations?.[ANNOTATION_EDIT_URL];\n\n  const entityLocation = entity.metadata.annotations?.[ANNOTATION_LOCATION];\n  // Limiting the ability to manually refresh to the less expensive locations\n  const allowRefresh =\n    entityLocation?.startsWith('url:') || entityLocation?.startsWith('file:');\n  const refreshEntity = useCallback(async () => {\n    try {\n      await catalogApi.refreshEntity(stringifyEntityRef(entity));\n      alertApi.post({\n        message: t('aboutCard.refreshScheduledMessage'),\n        severity: 'info',\n        display: 'transient',\n      });\n    } catch (e) {\n      errorApi.post(e);\n    }\n  }, [catalogApi, entity, alertApi, t, errorApi]);\n\n  return (\n    <EntityInfoCard\n      title={t('aboutCard.title')}\n      headerActions={\n        <>\n          {allowRefresh && canRefresh && (\n            <IconButton\n              aria-label={t('aboutCard.refreshButtonAriaLabel')}\n              title={t('aboutCard.refreshButtonTitle')}\n              onClick={refreshEntity}\n            >\n              <CachedIcon />\n            </IconButton>\n          )}\n          <IconButton\n            component={Link}\n            aria-label={t('aboutCard.editButtonAriaLabel')}\n            disabled={!entityMetadataEditUrl}\n            title={t('aboutCard.editButtonTitle')}\n            to={entityMetadataEditUrl ?? '#'}\n          >\n            <EditIcon />\n          </IconButton>\n          {sourceTemplateRef && templateRoute && (\n            <IconButton\n              component={Link}\n              title={t('aboutCard.createSimilarButtonTitle')}\n              to={templateRoute({\n                namespace: sourceTemplateRef.namespace,\n                templateName: sourceTemplateRef.name,\n              })}\n            >\n              <AppIcon id=\"scaffolder\" />\n            </IconButton>\n          )}\n        </>\n      }\n    >\n      <div className={classes.linkContainer}>\n        {iconLinks ?? <DefaultAboutCardSubheader />}\n      </div>\n      <AboutContent entity={entity} />\n    </EntityInfoCard>\n  );\n}\n\n/**\n * Exported publicly via the EntityAboutCard\n *\n * NOTE: We generally do not accept pull requests to extend this class with props\n * and customizability. If you need to tweak it, consider making a bespoke card\n * in your own repository instead, that is perfect for your own needs.\n */\nexport function AboutCard() {\n  return <InternalAboutCard />;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/AboutCard/AboutContent.esm.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { RELATION_PART_OF, RELATION_OWNED_BY, getEntitySourceLocation } from '@backstage/catalog-model';
 import { getEntityRelations, EntityRefLinks } from '@backstage/plugin-catalog-react';
 import Chip from '@material-ui/core/Chip';
-import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
+import { Grid } from '@backstage/ui';
 import { MarkdownContent } from '@backstage/core-components';
 import { AboutField } from './AboutField.esm.js';
 import { LinksGridList } from '../EntityLinksCard/LinksGridList.esm.js';
@@ -56,28 +56,21 @@ function AboutContent(props) {
   } catch (e) {
     entitySourceLocation = void 0;
   }
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    /* @__PURE__ */ jsx(
-      AboutField,
+  const columns = { initial: "1", sm: "2", lg: "3" };
+  return /* @__PURE__ */ jsxs(Grid.Root, { columns, gap: "3", children: [
+    /* @__PURE__ */ jsx(Grid.Item, { colSpan: columns, children: /* @__PURE__ */ jsx(AboutField, { label: t("aboutCard.descriptionField.label"), children: /* @__PURE__ */ jsx(
+      MarkdownContent,
       {
-        label: t("aboutCard.descriptionField.label"),
-        gridSizes: { xs: 12 },
-        children: /* @__PURE__ */ jsx(
-          MarkdownContent,
-          {
-            className: classes.description,
-            content: entity?.metadata?.description || t("aboutCard.descriptionField.value")
-          }
-        )
+        className: classes.description,
+        content: entity?.metadata?.description || t("aboutCard.descriptionField.value")
       }
-    ),
+    ) }) }),
     /* @__PURE__ */ jsx(
       AboutField,
       {
         label: t("aboutCard.ownerField.label"),
         value: t("aboutCard.ownerField.value"),
         className: classes.description,
-        gridSizes: { xs: 12, sm: 6, lg: 4 },
         children: ownedByRelations.length > 0 && /* @__PURE__ */ jsx(EntityRefLinks, { entityRefs: ownedByRelations, defaultKind: "group" })
       }
     ),
@@ -86,7 +79,6 @@ function AboutContent(props) {
       {
         label: t("aboutCard.domainField.label"),
         value: t("aboutCard.domainField.value"),
-        gridSizes: { xs: 12, sm: 6, lg: 4 },
         children: partOfDomainRelations.length > 0 && /* @__PURE__ */ jsx(
           EntityRefLinks,
           {
@@ -101,7 +93,6 @@ function AboutContent(props) {
       {
         label: t("aboutCard.systemField.label"),
         value: t("aboutCard.systemField.value"),
-        gridSizes: { xs: 12, sm: 6, lg: 4 },
         children: partOfSystemRelations.length > 0 && /* @__PURE__ */ jsx(
           EntityRefLinks,
           {
@@ -116,7 +107,6 @@ function AboutContent(props) {
       {
         label: t("aboutCard.parentComponentField.label"),
         value: t("aboutCard.parentComponentField.value"),
-        gridSizes: { xs: 12, sm: 6, lg: 4 },
         children: /* @__PURE__ */ jsx(
           EntityRefLinks,
           {
@@ -130,16 +120,14 @@ function AboutContent(props) {
       AboutField,
       {
         label: t("aboutCard.typeField.label"),
-        value: entity?.spec?.type,
-        gridSizes: { xs: 12, sm: 6, lg: 4 }
+        value: entity?.spec?.type
       }
     ),
     (isAPI || isComponent || typeof entity?.spec?.lifecycle === "string") && /* @__PURE__ */ jsx(
       AboutField,
       {
         label: t("aboutCard.lifecycleField.label"),
-        value: entity?.spec?.lifecycle,
-        gridSizes: { xs: 12, sm: 6, lg: 4 }
+        value: entity?.spec?.lifecycle
       }
     ),
     /* @__PURE__ */ jsx(
@@ -147,31 +135,23 @@ function AboutContent(props) {
       {
         label: t("aboutCard.tagsField.label"),
         value: t("aboutCard.tagsField.value"),
-        gridSizes: { xs: 12, sm: 6, lg: 4 },
         children: (entity?.metadata?.tags || []).map((tag) => /* @__PURE__ */ jsx(Chip, { size: "small", label: tag }, tag))
       }
     ),
-    isLocation && (entity?.spec?.targets || entity?.spec?.target) && /* @__PURE__ */ jsx(
-      AboutField,
+    isLocation && (entity?.spec?.targets || entity?.spec?.target) && /* @__PURE__ */ jsx(Grid.Item, { colSpan: columns, children: /* @__PURE__ */ jsx(AboutField, { label: t("aboutCard.targetsField.label"), children: /* @__PURE__ */ jsx(
+      LinksGridList,
       {
-        label: t("aboutCard.targetsField.label"),
-        gridSizes: { xs: 12 },
-        children: /* @__PURE__ */ jsx(
-          LinksGridList,
-          {
-            cols: 1,
-            items: (entity.spec.targets || [entity.spec.target]).map((target) => target).map((target) => ({
-              text: target,
-              href: getLocationTargetHref(
-                target,
-                entity?.spec?.type || t("aboutCard.unknown"),
-                entitySourceLocation
-              )
-            }))
-          }
-        )
+        cols: 1,
+        items: (entity.spec.targets || [entity.spec.target]).map((target) => target).map((target) => ({
+          text: target,
+          href: getLocationTargetHref(
+            target,
+            entity?.spec?.type || t("aboutCard.unknown"),
+            entitySourceLocation
+          )
+        }))
       }
-    )
+    ) }) })
   ] });
 }
 

package/dist/components/AboutCard/AboutContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutContent.esm.js","sources":["../../../src/components/AboutCard/AboutContent.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 {\n  Entity,\n  getEntitySourceLocation,\n  RELATION_OWNED_BY,\n  RELATION_PART_OF,\n} from '@backstage/catalog-model';\nimport {\n  EntityRefLinks,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\nimport { JsonArray } from '@backstage/types';\nimport Chip from '@material-ui/core/Chip';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { AboutField } from './AboutField';\nimport { LinksGridList } from '../EntityLinksCard/LinksGridList';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\nconst useStyles = makeStyles({\n  description: {\n    wordBreak: 'break-word',\n  },\n});\n\n/**\n * Props for {@link AboutContent}.\n *\n * @public\n */\nexport interface AboutContentProps {\n  entity: Entity;\n}\n\nfunction getLocationTargetHref(\n  target: string,\n  type: string,\n  entitySourceLocation: {\n    type: string;\n    target: string;\n  },\n): string {\n  if (type === 'url' || target.includes('://')) {\n    return target;\n  }\n\n  const srcLocationUrl =\n    entitySourceLocation.type === 'file'\n      ? `file://${entitySourceLocation.target}`\n      : entitySourceLocation.target;\n\n  if (type === 'file' || entitySourceLocation.type === 'file') {\n    return new URL(target, srcLocationUrl).href;\n  }\n\n  return srcLocationUrl;\n}\n\n/** @public */\nexport function AboutContent(props: AboutContentProps) {\n  const { entity } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const isSystem = entity.kind.toLocaleLowerCase('en-US') === 'system';\n  const isResource = entity.kind.toLocaleLowerCase('en-US') === 'resource';\n  const isComponent = entity.kind.toLocaleLowerCase('en-US') === 'component';\n  const isAPI = entity.kind.toLocaleLowerCase('en-US') === 'api';\n  const isTemplate = entity.kind.toLocaleLowerCase('en-US') === 'template';\n  const isLocation = entity.kind.toLocaleLowerCase('en-US') === 'location';\n  const isGroup = entity.kind.toLocaleLowerCase('en-US') === 'group';\n\n  const partOfSystemRelations = getEntityRelations(entity, RELATION_PART_OF, {\n    kind: 'system',\n  });\n  const partOfComponentRelations = getEntityRelations(\n    entity,\n    RELATION_PART_OF,\n    {\n      kind: 'component',\n    },\n  );\n  const partOfDomainRelations = getEntityRelations(entity, RELATION_PART_OF, {\n    kind: 'domain',\n  });\n  const ownedByRelations = getEntityRelations(entity, RELATION_OWNED_BY);\n\n  let entitySourceLocation:\n    | {\n        type: string;\n        target: string;\n      }\n    | undefined;\n  try {\n    entitySourceLocation = getEntitySourceLocation(entity);\n  } catch (e) {\n    entitySourceLocation = undefined;\n  }\n\n  return (\n    <Grid container>\n      <AboutField\n        label={t('aboutCard.descriptionField.label')}\n        gridSizes={{ xs: 12 }}\n      >\n        <MarkdownContent\n          className={classes.description}\n          content={\n            entity?.metadata?.description ||\n            t('aboutCard.descriptionField.value')\n          }\n        />\n      </AboutField>\n      <AboutField\n        label={t('aboutCard.ownerField.label')}\n        value={t('aboutCard.ownerField.value')}\n        className={classes.description}\n        gridSizes={{ xs: 12, sm: 6, lg: 4 }}\n      >\n        {ownedByRelations.length > 0 && (\n          <EntityRefLinks entityRefs={ownedByRelations} defaultKind=\"group\" />\n        )}\n      </AboutField>\n      {(isSystem || partOfDomainRelations.length > 0) && (\n        <AboutField\n          label={t('aboutCard.domainField.label')}\n          value={t('aboutCard.domainField.value')}\n          gridSizes={{ xs: 12, sm: 6, lg: 4 }}\n        >\n          {partOfDomainRelations.length > 0 && (\n            <EntityRefLinks\n              entityRefs={partOfDomainRelations}\n              defaultKind=\"domain\"\n            />\n          )}\n        </AboutField>\n      )}\n      {(isAPI ||\n        isComponent ||\n        isResource ||\n        partOfSystemRelations.length > 0) && (\n        <AboutField\n          label={t('aboutCard.systemField.label')}\n          value={t('aboutCard.systemField.value')}\n          gridSizes={{ xs: 12, sm: 6, lg: 4 }}\n        >\n          {partOfSystemRelations.length > 0 && (\n            <EntityRefLinks\n              entityRefs={partOfSystemRelations}\n              defaultKind=\"system\"\n            />\n          )}\n        </AboutField>\n      )}\n      {isComponent && partOfComponentRelations.length > 0 && (\n        <AboutField\n          label={t('aboutCard.parentComponentField.label')}\n          value={t('aboutCard.parentComponentField.value')}\n          gridSizes={{ xs: 12, sm: 6, lg: 4 }}\n        >\n          <EntityRefLinks\n            entityRefs={partOfComponentRelations}\n            defaultKind=\"component\"\n          />\n        </AboutField>\n      )}\n      {(isAPI ||\n        isComponent ||\n        isResource ||\n        isTemplate ||\n        isGroup ||\n        isLocation ||\n        typeof entity?.spec?.type === 'string') && (\n        <AboutField\n          label={t('aboutCard.typeField.label')}\n          value={entity?.spec?.type as string}\n          gridSizes={{ xs: 12, sm: 6, lg: 4 }}\n        />\n      )}\n      {(isAPI ||\n        isComponent ||\n        typeof entity?.spec?.lifecycle === 'string') && (\n        <AboutField\n          label={t('aboutCard.lifecycleField.label')}\n          value={entity?.spec?.lifecycle as string}\n          gridSizes={{ xs: 12, sm: 6, lg: 4 }}\n        />\n      )}\n      <AboutField\n        label={t('aboutCard.tagsField.label')}\n        value={t('aboutCard.tagsField.value')}\n        gridSizes={{ xs: 12, sm: 6, lg: 4 }}\n      >\n        {(entity?.metadata?.tags || []).map(tag => (\n          <Chip key={tag} size=\"small\" label={tag} />\n        ))}\n      </AboutField>\n      {isLocation && (entity?.spec?.targets || entity?.spec?.target) && (\n        <AboutField\n          label={t('aboutCard.targetsField.label')}\n          gridSizes={{ xs: 12 }}\n        >\n          <LinksGridList\n            cols={1}\n            items={((entity.spec.targets as JsonArray) || [entity.spec.target])\n              .map(target => target as string)\n              .map(target => ({\n                text: target,\n                href: getLocationTargetHref(\n                  target,\n                  (entity?.spec?.type || t('aboutCard.unknown')) as string,\n                  entitySourceLocation!,\n                ),\n              }))}\n          />\n        </AboutField>\n      )}\n    </Grid>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AboutContent.esm.js","sources":["../../../src/components/AboutCard/AboutContent.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 {\n  Entity,\n  getEntitySourceLocation,\n  RELATION_OWNED_BY,\n  RELATION_PART_OF,\n} from '@backstage/catalog-model';\nimport {\n  EntityRefLinks,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\nimport { JsonArray } from '@backstage/types';\nimport Chip from '@material-ui/core/Chip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Grid } from '@backstage/ui';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { AboutField } from './AboutField';\nimport { LinksGridList } from '../EntityLinksCard/LinksGridList';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\nconst useStyles = makeStyles({\n  description: {\n    wordBreak: 'break-word',\n  },\n});\n\n/**\n * Props for {@link AboutContent}.\n *\n * @public\n */\nexport interface AboutContentProps {\n  entity: Entity;\n}\n\nfunction getLocationTargetHref(\n  target: string,\n  type: string,\n  entitySourceLocation: {\n    type: string;\n    target: string;\n  },\n): string {\n  if (type === 'url' || target.includes('://')) {\n    return target;\n  }\n\n  const srcLocationUrl =\n    entitySourceLocation.type === 'file'\n      ? `file://${entitySourceLocation.target}`\n      : entitySourceLocation.target;\n\n  if (type === 'file' || entitySourceLocation.type === 'file') {\n    return new URL(target, srcLocationUrl).href;\n  }\n\n  return srcLocationUrl;\n}\n\n/** @public */\nexport function AboutContent(props: AboutContentProps) {\n  const { entity } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const isSystem = entity.kind.toLocaleLowerCase('en-US') === 'system';\n  const isResource = entity.kind.toLocaleLowerCase('en-US') === 'resource';\n  const isComponent = entity.kind.toLocaleLowerCase('en-US') === 'component';\n  const isAPI = entity.kind.toLocaleLowerCase('en-US') === 'api';\n  const isTemplate = entity.kind.toLocaleLowerCase('en-US') === 'template';\n  const isLocation = entity.kind.toLocaleLowerCase('en-US') === 'location';\n  const isGroup = entity.kind.toLocaleLowerCase('en-US') === 'group';\n\n  const partOfSystemRelations = getEntityRelations(entity, RELATION_PART_OF, {\n    kind: 'system',\n  });\n  const partOfComponentRelations = getEntityRelations(\n    entity,\n    RELATION_PART_OF,\n    {\n      kind: 'component',\n    },\n  );\n  const partOfDomainRelations = getEntityRelations(entity, RELATION_PART_OF, {\n    kind: 'domain',\n  });\n  const ownedByRelations = getEntityRelations(entity, RELATION_OWNED_BY);\n\n  let entitySourceLocation:\n    | {\n        type: string;\n        target: string;\n      }\n    | undefined;\n  try {\n    entitySourceLocation = getEntitySourceLocation(entity);\n  } catch (e) {\n    entitySourceLocation = undefined;\n  }\n\n  const columns = { initial: '1', sm: '2', lg: '3' } as const;\n\n  return (\n    <Grid.Root columns={columns} gap=\"3\">\n      <Grid.Item colSpan={columns}>\n        <AboutField label={t('aboutCard.descriptionField.label')}>\n          <MarkdownContent\n            className={classes.description}\n            content={\n              entity?.metadata?.description ||\n              t('aboutCard.descriptionField.value')\n            }\n          />\n        </AboutField>\n      </Grid.Item>\n      <AboutField\n        label={t('aboutCard.ownerField.label')}\n        value={t('aboutCard.ownerField.value')}\n        className={classes.description}\n      >\n        {ownedByRelations.length > 0 && (\n          <EntityRefLinks entityRefs={ownedByRelations} defaultKind=\"group\" />\n        )}\n      </AboutField>\n      {(isSystem || partOfDomainRelations.length > 0) && (\n        <AboutField\n          label={t('aboutCard.domainField.label')}\n          value={t('aboutCard.domainField.value')}\n        >\n          {partOfDomainRelations.length > 0 && (\n            <EntityRefLinks\n              entityRefs={partOfDomainRelations}\n              defaultKind=\"domain\"\n            />\n          )}\n        </AboutField>\n      )}\n      {(isAPI ||\n        isComponent ||\n        isResource ||\n        partOfSystemRelations.length > 0) && (\n        <AboutField\n          label={t('aboutCard.systemField.label')}\n          value={t('aboutCard.systemField.value')}\n        >\n          {partOfSystemRelations.length > 0 && (\n            <EntityRefLinks\n              entityRefs={partOfSystemRelations}\n              defaultKind=\"system\"\n            />\n          )}\n        </AboutField>\n      )}\n      {isComponent && partOfComponentRelations.length > 0 && (\n        <AboutField\n          label={t('aboutCard.parentComponentField.label')}\n          value={t('aboutCard.parentComponentField.value')}\n        >\n          <EntityRefLinks\n            entityRefs={partOfComponentRelations}\n            defaultKind=\"component\"\n          />\n        </AboutField>\n      )}\n      {(isAPI ||\n        isComponent ||\n        isResource ||\n        isTemplate ||\n        isGroup ||\n        isLocation ||\n        typeof entity?.spec?.type === 'string') && (\n        <AboutField\n          label={t('aboutCard.typeField.label')}\n          value={entity?.spec?.type as string}\n        />\n      )}\n      {(isAPI ||\n        isComponent ||\n        typeof entity?.spec?.lifecycle === 'string') && (\n        <AboutField\n          label={t('aboutCard.lifecycleField.label')}\n          value={entity?.spec?.lifecycle as string}\n        />\n      )}\n      <AboutField\n        label={t('aboutCard.tagsField.label')}\n        value={t('aboutCard.tagsField.value')}\n      >\n        {(entity?.metadata?.tags || []).map(tag => (\n          <Chip key={tag} size=\"small\" label={tag} />\n        ))}\n      </AboutField>\n      {isLocation && (entity?.spec?.targets || entity?.spec?.target) && (\n        <Grid.Item colSpan={columns}>\n          <AboutField label={t('aboutCard.targetsField.label')}>\n            <LinksGridList\n              cols={1}\n              items={(\n                (entity.spec.targets as JsonArray) || [entity.spec.target]\n              )\n                .map(target => target as string)\n                .map(target => ({\n                  text: target,\n                  href: getLocationTargetHref(\n                    target,\n                    (entity?.spec?.type || t('aboutCard.unknown')) as string,\n                    entitySourceLocation!,\n                  ),\n                }))}\n            />\n          </AboutField>\n        </Grid.Item>\n      )}\n    </Grid.Root>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAoCA,MAAM,YAAY,UAAA,CAAW;AAAA,EAC3B,WAAA,EAAa;AAAA,IACX,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAWD,SAAS,qBAAA,CACP,MAAA,EACA,IAAA,EACA,oBAAA,EAIQ;AACR,EAAA,IAAI,IAAA,KAAS,KAAA,IAAS,MAAA,CAAO,QAAA,CAAS,KAAK,CAAA,EAAG;AAC5C,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAM,cAAA,GACJ,qBAAqB,IAAA,KAAS,MAAA,GAC1B,UAAU,oBAAA,CAAqB,MAAM,KACrC,oBAAA,CAAqB,MAAA;AAE3B,EAAA,IAAI,IAAA,KAAS,MAAA,IAAU,oBAAA,CAAqB,IAAA,KAAS,MAAA,EAAQ;AAC3D,IAAA,OAAO,IAAI,GAAA,CAAI,MAAA,EAAQ,cAAc,CAAA,CAAE,IAAA;AAAA,EACzC;AAEA,EAAA,OAAO,cAAA;AACT;AAGO,SAAS,aAAa,KAAA,EAA0B;AACrD,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,QAAA,GAAW,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA,KAAM,QAAA;AAC5D,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA,KAAM,UAAA;AAC9D,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA,KAAM,WAAA;AAC/D,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA,KAAM,KAAA;AACzD,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA,KAAM,UAAA;AAC9D,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA,KAAM,UAAA;AAC9D,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA,KAAM,OAAA;AAE3D,EAAA,MAAM,qBAAA,GAAwB,kBAAA,CAAmB,MAAA,EAAQ,gBAAA,EAAkB;AAAA,IACzE,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,wBAAA,GAA2B,kBAAA;AAAA,IAC/B,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM;AAAA;AACR,GACF;AACA,EAAA,MAAM,qBAAA,GAAwB,kBAAA,CAAmB,MAAA,EAAQ,gBAAA,EAAkB;AAAA,IACzE,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,gBAAA,GAAmB,kBAAA,CAAmB,MAAA,EAAQ,iBAAiB,CAAA;AAErE,EAAA,IAAI,oBAAA;AAMJ,EAAA,IAAI;AACF,IAAA,oBAAA,GAAuB,wBAAwB,MAAM,CAAA;AAAA,EACvD,SAAS,CAAA,EAAG;AACV,IAAA,oBAAA,GAAuB,MAAA;AAAA,EACzB;AAEA,EAAA,MAAM,UAAU,EAAE,OAAA,EAAS,KAAK,EAAA,EAAI,GAAA,EAAK,IAAI,GAAA,EAAI;AAEjD,EAAA,4BACG,IAAA,CAAK,IAAA,EAAL,EAAU,OAAA,EAAkB,KAAI,GAAA,EAC/B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,OAAA,EAAS,OAAA,EAClB,8BAAC,UAAA,EAAA,EAAW,KAAA,EAAO,CAAA,CAAE,kCAAkC,CAAA,EACrD,QAAA,kBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,WAAA;AAAA,QACnB,OAAA,EACE,MAAA,EAAQ,QAAA,EAAU,WAAA,IAClB,EAAE,kCAAkC;AAAA;AAAA,OAG1C,CAAA,EACF,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,WAAW,OAAA,CAAQ,WAAA;AAAA,QAElB,QAAA,EAAA,gBAAA,CAAiB,SAAS,CAAA,oBACzB,GAAA,CAAC,kBAAe,UAAA,EAAY,gBAAA,EAAkB,aAAY,OAAA,EAAQ;AAAA;AAAA,KAEtE;AAAA,IAAA,CACE,QAAA,IAAY,qBAAA,CAAsB,MAAA,GAAS,CAAA,qBAC3C,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QAErC,QAAA,EAAA,qBAAA,CAAsB,SAAS,CAAA,oBAC9B,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA,EAAY,qBAAA;AAAA,YACZ,WAAA,EAAY;AAAA;AAAA;AACd;AAAA,KAEJ;AAAA,IAAA,CAEA,KAAA,IACA,WAAA,IACA,UAAA,IACA,qBAAA,CAAsB,SAAS,CAAA,qBAC/B,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QAErC,QAAA,EAAA,qBAAA,CAAsB,SAAS,CAAA,oBAC9B,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA,EAAY,qBAAA;AAAA,YACZ,WAAA,EAAY;AAAA;AAAA;AACd;AAAA,KAEJ;AAAA,IAED,WAAA,IAAe,wBAAA,CAAyB,MAAA,GAAS,CAAA,oBAChD,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,sCAAsC,CAAA;AAAA,QAC/C,KAAA,EAAO,EAAE,sCAAsC,CAAA;AAAA,QAE/C,QAAA,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA,EAAY,wBAAA;AAAA,YACZ,WAAA,EAAY;AAAA;AAAA;AACd;AAAA,KACF;AAAA,IAAA,CAEA,KAAA,IACA,WAAA,IACA,UAAA,IACA,UAAA,IACA,OAAA,IACA,cACA,OAAO,MAAA,EAAQ,IAAA,EAAM,IAAA,KAAS,QAAA,qBAC9B,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,KAAA,EAAO,QAAQ,IAAA,EAAM;AAAA;AAAA,KACvB;AAAA,IAAA,CAEA,SACA,WAAA,IACA,OAAO,MAAA,EAAQ,IAAA,EAAM,cAAc,QAAA,qBACnC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,gCAAgC,CAAA;AAAA,QACzC,KAAA,EAAO,QAAQ,IAAA,EAAM;AAAA;AAAA,KACvB;AAAA,oBAEF,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QAElC,QAAA,EAAA,CAAA,MAAA,EAAQ,QAAA,EAAU,IAAA,IAAQ,IAAI,GAAA,CAAI,CAAA,GAAA,qBAClC,GAAA,CAAC,IAAA,EAAA,EAAe,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,GAAA,EAAA,EAAzB,GAA8B,CAC1C;AAAA;AAAA,KACH;AAAA,IACC,eAAe,MAAA,EAAQ,IAAA,EAAM,WAAW,MAAA,EAAQ,IAAA,EAAM,2BACrD,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,SAAS,OAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,cAAW,KAAA,EAAO,CAAA,CAAE,8BAA8B,CAAA,EACjD,QAAA,kBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,CAAA;AAAA,QACN,KAAA,EAAA,CACG,MAAA,CAAO,IAAA,CAAK,OAAA,IAAyB,CAAC,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA,EAExD,GAAA,CAAI,CAAA,MAAA,KAAU,MAAgB,CAAA,CAC9B,IAAI,CAAA,MAAA,MAAW;AAAA,UACd,IAAA,EAAM,MAAA;AAAA,UACN,IAAA,EAAM,qBAAA;AAAA,YACJ,MAAA;AAAA,YACC,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,CAAA,CAAE,mBAAmB,CAAA;AAAA,YAC5C;AAAA;AACF,SACF,CAAE;AAAA;AAAA,OAER,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/AboutCard/AboutField.esm.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useElementFilter } from '@backstage/core-plugin-api';
-import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
@@ -24,12 +23,12 @@ const useStyles = makeStyles((theme) => ({
   }
 }));
 function AboutField(props) {
-  const { label, value, gridSizes, children, className } = props;
+  const { label, value, children, className } = props;
   const classes = useStyles();
   const { t } = useTranslationRef(catalogTranslationRef);
   const childElements = useElementFilter(children, (c) => c.getElements());
   const content = childElements.length > 0 ? childElements : /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.value, children: value || t("aboutCard.unknown") });
-  return /* @__PURE__ */ jsxs(Grid, { item: true, ...gridSizes, className, children: [
+  return /* @__PURE__ */ jsxs("div", { className, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "h2", className: classes.label, children: label }),
     content
   ] });

package/dist/components/AboutCard/AboutField.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutField.esm.js","sources":["../../../src/components/AboutCard/AboutField.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 { useElementFilter } from '@backstage/core-plugin-api';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ReactNode } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\n/**\n * Props for {@link AboutField}.\n *\n * @public\n */\nexport interface AboutFieldProps {\n  label: string;\n  value?: string;\n  gridSizes?: Record<string, number>;\n  children?: ReactNode;\n  className?: string;\n}\n\n/** @public */\nexport function AboutField(props: AboutFieldProps) {\n  const { label, value, gridSizes, children, className } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const childElements = useElementFilter(children, c => c.getElements());\n\n  // Content is either children or a string prop `value`\n  const content =\n    childElements.length > 0 ? (\n      childElements\n    ) : (\n      <Typography variant=\"body2\" className={classes.value}>\n        {value || t('aboutCard.unknown')}\n      </Typography>\n    );\n  return (\n    <Grid item {...gridSizes} className={className}>\n      <Typography variant=\"h2\" className={classes.label}>\n        {label}\n      </Typography>\n      {content}\n    </Grid>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,MAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,aAAA,EAAe,GAAA;AAAA,IACf,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAgBK,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,WAAU,GAAI,KAAA;AACzD,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,gBAAgB,gBAAA,CAAiB,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,aAAa,CAAA;AAGrE,EAAA,MAAM,OAAA,GACJ,aAAA,CAAc,MAAA,GAAS,CAAA,GACrB,gCAEA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,WAAW,OAAA,CAAQ,KAAA,EAC5C,QAAA,EAAA,KAAA,IAAS,CAAA,CAAE,mBAAmB,CAAA,EACjC,CAAA;AAEJ,EAAA,4BACG,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAE,GAAG,WAAW,SAAA,EACxB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,OACzC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AboutField.esm.js","sources":["../../../src/components/AboutCard/AboutField.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 { useElementFilter } from '@backstage/core-plugin-api';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ReactNode } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\n/**\n * Props for {@link AboutField}.\n *\n * @public\n */\nexport interface AboutFieldProps {\n  label: string;\n  value?: string;\n  children?: ReactNode;\n  className?: string;\n}\n\n/** @public */\nexport function AboutField(props: AboutFieldProps) {\n  const { label, value, children, className } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const childElements = useElementFilter(children, c => c.getElements());\n\n  // Content is either children or a string prop `value`\n  const content =\n    childElements.length > 0 ? (\n      childElements\n    ) : (\n      <Typography variant=\"body2\" className={classes.value}>\n        {value || t('aboutCard.unknown')}\n      </Typography>\n    );\n  return (\n    <div className={className}>\n      <Typography variant=\"h2\" className={classes.label}>\n        {label}\n      </Typography>\n      {content}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAuBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,MAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,aAAA,EAAe,GAAA;AAAA,IACf,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAeK,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,WAAU,GAAI,KAAA;AAC9C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,gBAAgB,gBAAA,CAAiB,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,aAAa,CAAA;AAGrE,EAAA,MAAM,OAAA,GACJ,aAAA,CAAc,MAAA,GAAS,CAAA,GACrB,gCAEA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,WAAW,OAAA,CAAQ,KAAA,EAC5C,QAAA,EAAA,KAAA,IAAS,CAAA,CAAE,mBAAmB,CAAA,EACjC,CAAA;AAEJ,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EACH,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,OACzC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/EntityLabelsCard/EntityLabelsCard.esm.js

@@ -1,53 +1,46 @@
 import { jsx } from 'react/jsx-runtime';
-import { useEntity } from '@backstage/plugin-catalog-react';
-import { InfoCard, Table } from '@backstage/core-components';
+import { useEntity, EntityInfoCard } from '@backstage/plugin-catalog-react';
 import { EntityLabelsEmptyState } from './EntityLabelsEmptyState.esm.js';
-import Typography from '@material-ui/core/Typography';
-import { makeStyles } from '@material-ui/core/styles';
+import { CellText, useTable, Table } from '@backstage/ui';
 import { catalogTranslationRef } from '../../alpha/translation.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { useMemo } from 'react';
 
-const useStyles = makeStyles((_) => ({
-  key: {
-    fontWeight: "bold"
-  }
-}));
 const EntityLabelsCard = (props) => {
-  const { variant, title } = props;
+  const { title } = props;
   const { entity } = useEntity();
-  const classes = useStyles();
   const { t } = useTranslationRef(catalogTranslationRef);
-  const columns = [
-    {
-      render: (row) => {
-        return /* @__PURE__ */ jsx(Typography, { className: classes.key, variant: "body2", children: row.key });
-      }
-    },
-    {
-      field: "value"
-    }
-  ];
   const labels = entity?.metadata?.labels;
-  return /* @__PURE__ */ jsx(InfoCard, { title: title || t("entityLabelsCard.title"), variant, children: !labels || Object.keys(labels).length === 0 ? /* @__PURE__ */ jsx(EntityLabelsEmptyState, {}) : /* @__PURE__ */ jsx(
-    Table,
-    {
-      columns,
-      data: Object.keys(labels).map((labelKey) => ({
-        key: labelKey,
-        value: labels[labelKey]
-      })),
-      options: {
-        search: false,
-        showTitle: true,
-        loadingType: "linear",
-        header: false,
-        padding: "dense",
-        pageSize: 5,
-        toolbar: false,
-        paging: Object.keys(labels).length > 5
+  const columnConfig = useMemo(
+    () => [
+      {
+        id: "key",
+        label: t("entityLabelsCard.columnKeyLabel"),
+        isRowHeader: true,
+        cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.key })
+      },
+      {
+        id: "value",
+        label: t("entityLabelsCard.columnValueLabel"),
+        cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.value })
       }
-    }
-  ) });
+    ],
+    [t]
+  );
+  const data = useMemo(
+    () => Object.keys(labels ?? {}).map((labelKey) => ({
+      id: labelKey,
+      key: labelKey,
+      value: labels[labelKey]
+    })),
+    [labels]
+  );
+  const { tableProps } = useTable({
+    mode: "complete",
+    data,
+    paginationOptions: { pageSize: 5 }
+  });
+  return /* @__PURE__ */ jsx(EntityInfoCard, { title: title || t("entityLabelsCard.title"), children: !labels || Object.keys(labels).length === 0 ? /* @__PURE__ */ jsx(EntityLabelsEmptyState, {}) : /* @__PURE__ */ jsx(Table, { columnConfig, ...tableProps }) });
 };
 
 export { EntityLabelsCard };

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

@@ -1 +1 @@
-{"version":3,"file":"EntityLabelsCard.esm.js","sources":["../../../src/components/EntityLabelsCard/EntityLabelsCard.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  InfoCard,\n  InfoCardVariants,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { EntityLabelsEmptyState } from './EntityLabelsEmptyState';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport interface EntityLabelsCardProps {\n  variant?: InfoCardVariants;\n  title?: string;\n}\n\nconst useStyles = makeStyles(_ => ({\n  key: {\n    fontWeight: 'bold',\n  },\n}));\n\nexport const EntityLabelsCard = (props: EntityLabelsCardProps) => {\n  const { variant, title } = props;\n  const { entity } = useEntity();\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const columns: TableColumn<{ key: string; value: string }>[] = [\n    {\n      render: row => {\n        return (\n          <Typography className={classes.key} variant=\"body2\">\n            {row.key}\n          </Typography>\n        );\n      },\n    },\n    {\n      field: 'value',\n    },\n  ];\n\n  const labels = entity?.metadata?.labels;\n\n  return (\n    <InfoCard title={title || t('entityLabelsCard.title')} variant={variant}>\n      {!labels || Object.keys(labels).length === 0 ? (\n        <EntityLabelsEmptyState />\n      ) : (\n        <Table\n          columns={columns}\n          data={Object.keys(labels).map(labelKey => ({\n            key: labelKey,\n            value: labels[labelKey],\n          }))}\n          options={{\n            search: false,\n            showTitle: true,\n            loadingType: 'linear',\n            header: false,\n            padding: 'dense',\n            pageSize: 5,\n            toolbar: false,\n            paging: Object.keys(labels).length > 5,\n          }}\n        />\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAmCA,MAAM,SAAA,GAAY,WAAW,CAAA,CAAA,MAAM;AAAA,EACjC,GAAA,EAAK;AAAA,IACH,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEK,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAiC;AAChE,EAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAM,GAAI,KAAA;AAC3B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,OAAA,GAAyD;AAAA,IAC7D;AAAA,MACE,QAAQ,CAAA,GAAA,KAAO;AACb,QAAA,uBACE,GAAA,CAAC,cAAW,SAAA,EAAW,OAAA,CAAQ,KAAK,OAAA,EAAQ,OAAA,EACzC,cAAI,GAAA,EACP,CAAA;AAAA,MAEJ;AAAA,KACF;AAAA,IACA;AAAA,MACE,KAAA,EAAO;AAAA;AACT,GACF;AAEA,EAAA,MAAM,MAAA,GAAS,QAAQ,QAAA,EAAU,MAAA;AAEjC,EAAA,2BACG,QAAA,EAAA,EAAS,KAAA,EAAO,SAAS,CAAA,CAAE,wBAAwB,GAAG,OAAA,EACpD,QAAA,EAAA,CAAC,MAAA,IAAU,MAAA,CAAO,KAAK,MAAM,CAAA,CAAE,WAAW,CAAA,mBACzC,GAAA,CAAC,0BAAuB,CAAA,mBAExB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAM,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA,CAAE,IAAI,CAAA,QAAA,MAAa;AAAA,QACzC,GAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAO,OAAO,QAAQ;AAAA,OACxB,CAAE,CAAA;AAAA,MACF,OAAA,EAAS;AAAA,QACP,MAAA,EAAQ,KAAA;AAAA,QACR,SAAA,EAAW,IAAA;AAAA,QACX,WAAA,EAAa,QAAA;AAAA,QACb,MAAA,EAAQ,KAAA;AAAA,QACR,OAAA,EAAS,OAAA;AAAA,QACT,QAAA,EAAU,CAAA;AAAA,QACV,OAAA,EAAS,KAAA;AAAA,QACT,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,MAAM,EAAE,MAAA,GAAS;AAAA;AACvC;AAAA,GACF,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityLabelsCard.esm.js","sources":["../../../src/components/EntityLabelsCard/EntityLabelsCard.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 { useEntity, EntityInfoCard } from '@backstage/plugin-catalog-react';\nimport { EntityLabelsEmptyState } from './EntityLabelsEmptyState';\nimport {\n  Table,\n  CellText,\n  useTable,\n  type ColumnConfig,\n  type TableItem,\n} from '@backstage/ui';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useMemo } from 'react';\n\n/** @public */\nexport interface EntityLabelsCardProps {\n  title?: string;\n}\n\ninterface LabelItem extends TableItem {\n  id: string;\n  key: string;\n  value: string;\n}\n\nexport const EntityLabelsCard = (props: EntityLabelsCardProps) => {\n  const { title } = props;\n  const { entity } = useEntity();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const labels = entity?.metadata?.labels;\n\n  const columnConfig: ColumnConfig<LabelItem>[] = useMemo(\n    () => [\n      {\n        id: 'key',\n        label: t('entityLabelsCard.columnKeyLabel'),\n        isRowHeader: true,\n        cell: item => <CellText title={item.key} />,\n      },\n      {\n        id: 'value',\n        label: t('entityLabelsCard.columnValueLabel'),\n        cell: item => <CellText title={item.value} />,\n      },\n    ],\n    [t],\n  );\n\n  const data = useMemo(\n    () =>\n      Object.keys(labels ?? {}).map(labelKey => ({\n        id: labelKey,\n        key: labelKey,\n        value: labels![labelKey],\n      })),\n    [labels],\n  );\n\n  const { tableProps } = useTable({\n    mode: 'complete',\n    data,\n    paginationOptions: { pageSize: 5 },\n  });\n\n  return (\n    <EntityInfoCard title={title || t('entityLabelsCard.title')}>\n      {!labels || Object.keys(labels).length === 0 ? (\n        <EntityLabelsEmptyState />\n      ) : (\n        <Table columnConfig={columnConfig} {...tableProps} />\n      )}\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwCO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAiC;AAChE,EAAA,MAAM,EAAE,OAAM,GAAI,KAAA;AAClB,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,MAAA,GAAS,QAAQ,QAAA,EAAU,MAAA;AAEjC,EAAA,MAAM,YAAA,GAA0C,OAAA;AAAA,IAC9C,MAAM;AAAA,MACJ;AAAA,QACE,EAAA,EAAI,KAAA;AAAA,QACJ,KAAA,EAAO,EAAE,iCAAiC,CAAA;AAAA,QAC1C,WAAA,EAAa,IAAA;AAAA,QACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,GAAA,EAAK;AAAA,OAC3C;AAAA,MACA;AAAA,QACE,EAAA,EAAI,OAAA;AAAA,QACJ,KAAA,EAAO,EAAE,mCAAmC,CAAA;AAAA,QAC5C,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,KAAA,EAAO;AAAA;AAC7C,KACF;AAAA,IACA,CAAC,CAAC;AAAA,GACJ;AAEA,EAAA,MAAM,IAAA,GAAO,OAAA;AAAA,IACX,MACE,OAAO,IAAA,CAAK,MAAA,IAAU,EAAE,CAAA,CAAE,IAAI,CAAA,QAAA,MAAa;AAAA,MACzC,EAAA,EAAI,QAAA;AAAA,MACJ,GAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAO,OAAQ,QAAQ;AAAA,KACzB,CAAE,CAAA;AAAA,IACJ,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,QAAA,CAAS;AAAA,IAC9B,IAAA,EAAM,UAAA;AAAA,IACN,IAAA;AAAA,IACA,iBAAA,EAAmB,EAAE,QAAA,EAAU,CAAA;AAAE,GAClC,CAAA;AAED,EAAA,uBACE,GAAA,CAAC,kBAAe,KAAA,EAAO,KAAA,IAAS,EAAE,wBAAwB,CAAA,EACvD,QAAA,EAAA,CAAC,MAAA,IAAU,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA,CAAE,MAAA,KAAW,CAAA,mBACzC,GAAA,CAAC,sBAAA,EAAA,EAAuB,CAAA,uBAEvB,KAAA,EAAA,EAAM,YAAA,EAA6B,GAAG,UAAA,EAAY,CAAA,EAEvD,CAAA;AAEJ;;;;"}

package/dist/components/EntityLinksCard/EntityLinksCard.esm.js

@@ -1,21 +1,20 @@
 import { jsx } from 'react/jsx-runtime';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import { useEntity, EntityInfoCard } from '@backstage/plugin-catalog-react';
 import LanguageIcon from '@material-ui/icons/Language';
 import { EntityLinksEmptyState } from './EntityLinksEmptyState.esm.js';
 import { LinksGridList } from './LinksGridList.esm.js';
 import { useApp } from '@backstage/core-plugin-api';
-import { InfoCard } from '@backstage/core-components';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { catalogTranslationRef } from '../../alpha/translation.esm.js';
 
 const EntityLinksCard = (props) => {
-  const { cols = void 0, variant } = props;
+  const { cols = void 0 } = props;
   const { entity } = useEntity();
   const app = useApp();
   const { t } = useTranslationRef(catalogTranslationRef);
   const iconResolver = (key) => key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;
   const links = entity?.metadata?.links;
-  return /* @__PURE__ */ jsx(InfoCard, { title: t("entityLinksCard.title"), variant, children: !links || links.length === 0 ? /* @__PURE__ */ jsx(EntityLinksEmptyState, {}) : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(EntityInfoCard, { title: t("entityLinksCard.title"), children: !links || links.length === 0 ? /* @__PURE__ */ jsx(EntityLinksEmptyState, {}) : /* @__PURE__ */ jsx(
     LinksGridList,
     {
       cols,

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

@@ -1 +1 @@
-{"version":3,"file":"EntityLinksCard.esm.js","sources":["../../../src/components/EntityLinksCard/EntityLinksCard.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 { useEntity } from '@backstage/plugin-catalog-react';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\nimport { ColumnBreakpoints } from './types';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\n/** @public */\nexport interface EntityLinksCardProps {\n  cols?: ColumnBreakpoints | number;\n  variant?: InfoCardVariants;\n}\n\nexport const EntityLinksCard = (props: EntityLinksCardProps) => {\n  const { cols = undefined, variant } = props;\n  const { entity } = useEntity();\n  const app = useApp();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const iconResolver = (key?: string): IconComponent =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  const links = entity?.metadata?.links;\n\n  return (\n    <InfoCard title={t('entityLinksCard.title')} variant={variant}>\n      {!links || links.length === 0 ? (\n        <EntityLinksEmptyState />\n      ) : (\n        <LinksGridList\n          cols={cols}\n          items={links.map(({ url, title, icon }) => ({\n            text: title ?? url,\n            href: url,\n            Icon: iconResolver(icon),\n          }))}\n        />\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAgCO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAgC;AAC9D,EAAA,MAAM,EAAE,IAAA,GAAO,MAAA,EAAW,OAAA,EAAQ,GAAI,KAAA;AACtC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,MAAM,MAAA,EAAO;AACnB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KACpB,GAAA,GAAM,IAAI,aAAA,CAAc,GAAG,KAAK,YAAA,GAAe,YAAA;AAEjD,EAAA,MAAM,KAAA,GAAQ,QAAQ,QAAA,EAAU,KAAA;AAEhC,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,CAAA,CAAE,uBAAuB,CAAA,EAAG,OAAA,EAC1C,QAAA,EAAA,CAAC,KAAA,IAAS,KAAA,CAAM,MAAA,KAAW,CAAA,mBAC1B,GAAA,CAAC,yBAAsB,CAAA,mBAEvB,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,KAAA,EAAO,MAAM,GAAA,CAAI,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,MAAK,MAAO;AAAA,QAC1C,MAAM,KAAA,IAAS,GAAA;AAAA,QACf,IAAA,EAAM,GAAA;AAAA,QACN,IAAA,EAAM,aAAa,IAAI;AAAA,OACzB,CAAE;AAAA;AAAA,GACJ,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityLinksCard.esm.js","sources":["../../../src/components/EntityLinksCard/EntityLinksCard.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 { useEntity, EntityInfoCard } from '@backstage/plugin-catalog-react';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\nimport { ColumnBreakpoints } from './types';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\n/** @public */\nexport interface EntityLinksCardProps {\n  cols?: ColumnBreakpoints | number;\n}\n\nexport const EntityLinksCard = (props: EntityLinksCardProps) => {\n  const { cols = undefined } = props;\n  const { entity } = useEntity();\n  const app = useApp();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const iconResolver = (key?: string): IconComponent =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  const links = entity?.metadata?.links;\n\n  return (\n    <EntityInfoCard title={t('entityLinksCard.title')}>\n      {!links || links.length === 0 ? (\n        <EntityLinksEmptyState />\n      ) : (\n        <LinksGridList\n          cols={cols}\n          items={links.map(({ url, title, icon }) => ({\n            text: title ?? url,\n            href: url,\n            Icon: iconResolver(icon),\n          }))}\n        />\n      )}\n    </EntityInfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA8BO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAgC;AAC9D,EAAA,MAAM,EAAE,IAAA,GAAO,MAAA,EAAU,GAAI,KAAA;AAC7B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,MAAM,MAAA,EAAO;AACnB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KACpB,GAAA,GAAM,IAAI,aAAA,CAAc,GAAG,KAAK,YAAA,GAAe,YAAA;AAEjD,EAAA,MAAM,KAAA,GAAQ,QAAQ,QAAA,EAAU,KAAA;AAEhC,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,CAAA,CAAE,uBAAuB,CAAA,EAC7C,QAAA,EAAA,CAAC,KAAA,IAAS,KAAA,CAAM,MAAA,KAAW,CAAA,mBAC1B,GAAA,CAAC,yBAAsB,CAAA,mBAEvB,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,KAAA,EAAO,MAAM,GAAA,CAAI,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,MAAK,MAAO;AAAA,QAC1C,MAAM,KAAA,IAAS,GAAA;AAAA,QACf,IAAA,EAAM,GAAA;AAAA,QACN,IAAA,EAAM,aAAa,IAAI;AAAA,OACzB,CAAE;AAAA;AAAA,GACJ,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/EntityLinksCard/LinksGridList.esm.js

@@ -1,13 +1,19 @@
 import { jsx } from 'react/jsx-runtime';
-import ImageList from '@material-ui/core/ImageList';
-import ImageListItem from '@material-ui/core/ImageListItem';
+import { Grid } from '@backstage/ui';
 import { IconLink } from './IconLink.esm.js';
 import { useDynamicColumns } from './useDynamicColumns.esm.js';
 
 function LinksGridList(props) {
   const { items, cols = void 0 } = props;
   const numOfCols = useDynamicColumns(cols);
-  return /* @__PURE__ */ jsx(ImageList, { rowHeight: "auto", cols: numOfCols, children: items.map(({ text, href, Icon }, i) => /* @__PURE__ */ jsx(ImageListItem, { children: /* @__PURE__ */ jsx(IconLink, { href, text: text ?? href, Icon }) }, i)) });
+  return /* @__PURE__ */ jsx(
+    Grid.Root,
+    {
+      columns: String(Math.min(Math.max(numOfCols, 1), 12)),
+      gap: "2",
+      children: items.map(({ text, href, Icon }, i) => /* @__PURE__ */ jsx(IconLink, { href, text: text ?? href, Icon }, i))
+    }
+  );
 }
 
 export { LinksGridList };

package/dist/components/EntityLinksCard/LinksGridList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinksGridList.esm.js","sources":["../../../src/components/EntityLinksCard/LinksGridList.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 ImageList from '@material-ui/core/ImageList';\nimport ImageListItem from '@material-ui/core/ImageListItem';\nimport { IconLink } from './IconLink';\nimport { ColumnBreakpoints } from './types';\nimport { useDynamicColumns } from './useDynamicColumns';\nimport { IconComponent } from '@backstage/core-plugin-api';\n\nexport interface LinksGridListItem {\n  href: string;\n  text?: string;\n  Icon?: IconComponent;\n}\n\ninterface LinksGridListProps {\n  items: LinksGridListItem[];\n  cols?: ColumnBreakpoints | number;\n}\n\nexport function LinksGridList(props: LinksGridListProps) {\n  const { items, cols = undefined } = props;\n  const numOfCols = useDynamicColumns(cols);\n\n  return (\n    <ImageList rowHeight=\"auto\" cols={numOfCols}>\n      {items.map(({ text, href, Icon }, i) => (\n        <ImageListItem key={i}>\n          <IconLink href={href} text={text ?? href} Icon={Icon} />\n        </ImageListItem>\n      ))}\n    </ImageList>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAkCO,SAAS,cAAc,KAAA,EAA2B;AACvD,EAAA,MAAM,EAAE,KAAA,EAAO,IAAA,GAAO,MAAA,EAAU,GAAI,KAAA;AACpC,EAAA,MAAM,SAAA,GAAY,kBAAkB,IAAI,CAAA;AAExC,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,MAAA,EAAO,IAAA,EAAM,SAAA,EAC/B,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAK,EAAG,CAAA,qBAChC,GAAA,CAAC,aAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAY,IAAA,EAAM,IAAA,IAAQ,IAAA,EAAM,IAAA,EAAY,CAAA,EAAA,EADpC,CAEpB,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinksGridList.esm.js","sources":["../../../src/components/EntityLinksCard/LinksGridList.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 { Grid, type Columns } from '@backstage/ui';\nimport { IconLink } from './IconLink';\nimport { ColumnBreakpoints } from './types';\nimport { useDynamicColumns } from './useDynamicColumns';\nimport { IconComponent } from '@backstage/core-plugin-api';\n\nexport interface LinksGridListItem {\n  href: string;\n  text?: string;\n  Icon?: IconComponent;\n}\n\ninterface LinksGridListProps {\n  items: LinksGridListItem[];\n  cols?: ColumnBreakpoints | number;\n}\n\nexport function LinksGridList(props: LinksGridListProps) {\n  const { items, cols = undefined } = props;\n  const numOfCols = useDynamicColumns(cols);\n\n  return (\n    <Grid.Root\n      columns={String(Math.min(Math.max(numOfCols, 1), 12)) as Columns}\n      gap=\"2\"\n    >\n      {items.map(({ text, href, Icon }, i) => (\n        <IconLink key={i} href={href} text={text ?? href} Icon={Icon} />\n      ))}\n    </Grid.Root>\n  );\n}\n"],"names":[],"mappings":";;;;;AAiCO,SAAS,cAAc,KAAA,EAA2B;AACvD,EAAA,MAAM,EAAE,KAAA,EAAO,IAAA,GAAO,MAAA,EAAU,GAAI,KAAA;AACpC,EAAA,MAAM,SAAA,GAAY,kBAAkB,IAAI,CAAA;AAExC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,IAAA;AAAA,IAAL;AAAA,MACC,OAAA,EAAS,MAAA,CAAO,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAI,SAAA,EAAW,CAAC,CAAA,EAAG,EAAE,CAAC,CAAA;AAAA,MACpD,GAAA,EAAI,GAAA;AAAA,MAEH,gBAAM,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,MAAM,IAAA,EAAK,EAAG,CAAA,qBAChC,GAAA,CAAC,YAAiB,IAAA,EAAY,IAAA,EAAM,QAAQ,IAAA,EAAM,IAAA,EAAA,EAAnC,CAA+C,CAC/D;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/index.d.ts

@@ -3,10 +3,10 @@ import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent, StorageApi, ApiHolder } from '@backstage/core-plugin-api';
 import { EntityPresentationApi, CatalogApi, EntityRefPresentationSnapshot, EntityRefPresentation, StarredEntitiesApi, EntityListContextProps, UserListFilterKind, EntityOwnerPickerProps, EntityListPagination } from '@backstage/plugin-catalog-react';
 import { HumanDuration, Observable } from '@backstage/types';
-import { InfoCardVariants, TableColumn, TableProps, TableOptions } from '@backstage/core-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ElementType } from 'react';
+import { TableColumn, TableProps, InfoCardVariants, TableOptions } from '@backstage/core-components';
 import { TabProps } from '@material-ui/core/Tab';
 import { Overrides } from '@material-ui/core/styles/overrides';
 import { StyleRules } from '@material-ui/core/styles/withStyles';
@@ -155,15 +155,6 @@ declare class DefaultStarredEntitiesApi implements StarredEntitiesApi {
     private notifyChanges;
 }
 
-/**
- * Props for {@link EntityAboutCard}.
- *
- * @public
- */
-type AboutCardProps = {
-    variant?: InfoCardVariants;
-};
-
 /**
  * Props for {@link AboutContent}.
  *
@@ -183,7 +174,6 @@ declare function AboutContent(props: AboutContentProps): react_jsx_runtime.JSX.E
 interface AboutFieldProps {
     label: string;
     value?: string;
-    gridSizes?: Record<string, number>;
     children?: ReactNode;
     className?: string;
 }
@@ -486,7 +476,6 @@ type ColumnBreakpoints = Record<Breakpoint, number>;
 /** @public */
 interface EntityLinksCardProps {
     cols?: ColumnBreakpoints | number;
-    variant?: InfoCardVariants;
 }
 
 /** @public */
@@ -515,7 +504,6 @@ interface CatalogSearchResultListItemProps {
 
 /** @public */
 interface EntityLabelsCardProps {
-    variant?: InfoCardVariants;
     title?: string;
 }
 
@@ -681,7 +669,7 @@ declare const CatalogEntityPage: () => JSX.Element;
  * not extremely customizable; feel free to make a copy of it as a starting
  * point if you like.
  */
-declare const EntityAboutCard: (props: AboutCardProps) => JSX.Element;
+declare const EntityAboutCard: () => JSX.Element;
 /** @public */
 declare const EntityLinksCard: (props: EntityLinksCardProps) => react_jsx_runtime.JSX.Element;
 /** @public */
@@ -708,4 +696,4 @@ declare const RelatedEntitiesCard: <T extends Entity>(props: RelatedEntitiesCard
 declare const CatalogSearchResultListItem: (props: SearchResultListItemExtensionProps<CatalogSearchResultListItemProps>) => JSX.Element | null;
 
 export { AboutContent, AboutField, CatalogEntityPage, CatalogIndexPage, CatalogKindHeader, CatalogSearchResultListItem, CatalogTable, DefaultEntityPresentationApi, DefaultStarredEntitiesApi, EntityAboutCard, EntityDependencyOfComponentsCard, EntityDependsOnComponentsCard, EntityDependsOnResourcesCard, EntityHasComponentsCard, EntityHasResourcesCard, EntityHasSubcomponentsCard, EntityHasSubdomainsCard, EntityHasSystemsCard, EntityLabelsCard, EntityLayout, EntityLinksCard, EntityListContainer, EntityOrphanWarning, EntityProcessingErrorsPanel, EntityRelationWarning, EntitySwitch, FilterContainer, FilteredEntityLayout, RelatedEntitiesCard, catalogPlugin, hasCatalogProcessingErrors, hasLabels, hasRelationWarnings, isApiType, isComponentType, isEntityWith, isKind, isNamespace, isOrphan, isResourceType };
-export type { AboutCardProps, AboutContentProps, AboutFieldProps, BackstageOverrides, Breakpoint, CatalogKindHeaderProps, CatalogSearchResultListItemClassKey, CatalogSearchResultListItemProps, CatalogTableColumnsFunc, CatalogTableProps, CatalogTableRow, CatalogTableToolbarClassKey, ColumnBreakpoints, DefaultCatalogPageProps, DefaultEntityPresentationApiOptions, DefaultEntityPresentationApiRenderer, DependencyOfComponentsCardProps, DependsOnComponentsCardProps, DependsOnResourcesCardProps, EntityContextMenuClassKey, EntityLabelsCardProps, EntityLabelsEmptyStateClassKey, EntityLayoutProps, EntityLayoutRouteProps, EntityLinksCardProps, EntityLinksEmptyStateClassKey, EntityPredicates, EntitySwitchCaseProps, EntitySwitchProps, HasComponentsCardProps, HasResourcesCardProps, HasSubcomponentsCardProps, HasSubdomainsCardProps, HasSystemsCardProps, PluginCatalogComponentsNameToClassKey, RelatedEntitiesCardProps, SystemDiagramCardClassKey };
+export type { AboutContentProps, AboutFieldProps, BackstageOverrides, Breakpoint, CatalogKindHeaderProps, CatalogSearchResultListItemClassKey, CatalogSearchResultListItemProps, CatalogTableColumnsFunc, CatalogTableProps, CatalogTableRow, CatalogTableToolbarClassKey, ColumnBreakpoints, DefaultCatalogPageProps, DefaultEntityPresentationApiOptions, DefaultEntityPresentationApiRenderer, DependencyOfComponentsCardProps, DependsOnComponentsCardProps, DependsOnResourcesCardProps, EntityContextMenuClassKey, EntityLabelsCardProps, EntityLabelsEmptyStateClassKey, EntityLayoutProps, EntityLayoutRouteProps, EntityLinksCardProps, EntityLinksEmptyStateClassKey, EntityPredicates, EntitySwitchCaseProps, EntitySwitchProps, HasComponentsCardProps, HasResourcesCardProps, HasSubcomponentsCardProps, HasSubdomainsCardProps, HasSystemsCardProps, PluginCatalogComponentsNameToClassKey, RelatedEntitiesCardProps, SystemDiagramCardClassKey };

package/dist/index.esm.js

@@ -12,7 +12,13 @@ export { EntityProcessingErrorsPanel, hasCatalogProcessingErrors } from './compo
 export { EntitySwitch } from './components/EntitySwitch/EntitySwitch.esm.js';
 export { isApiType, isComponentType, isEntityWith, isKind, isNamespace, isResourceType } from './components/EntitySwitch/conditions.esm.js';
 export { EntityListContainer, FilterContainer, FilteredEntityLayout } from './components/FilteredEntityLayout/index.esm.js';
-import './components/EntityLabelsCard/EntityLabelsCard.esm.js';
+import 'react/jsx-runtime';
+import '@backstage/plugin-catalog-react';
+import './components/EntityLabelsCard/EntityLabelsEmptyState.esm.js';
+import '@backstage/ui';
+import './alpha/translation.esm.js';
+import '@backstage/core-plugin-api/alpha';
+import 'react';
 export { hasLabels } from './components/EntityLabelsCard/conditions.esm.js';
 import './components/CatalogSearchResultListItem/CatalogSearchResultListItem.esm.js';
 export { CatalogEntityPage, CatalogIndexPage, CatalogSearchResultListItem, EntityAboutCard, EntityDependencyOfComponentsCard, EntityDependsOnComponentsCard, EntityDependsOnResourcesCard, EntityHasComponentsCard, EntityHasResourcesCard, EntityHasSubcomponentsCard, EntityHasSubdomainsCard, EntityHasSystemsCard, EntityLabelsCard, EntityLinksCard, RelatedEntitiesCard, catalogPlugin } from './plugin.esm.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-catalog";
-var version = "1.34.0-next.1";
+var version = "2.0.0-next.2";
 var description = "The Backstage plugin for browsing the Backstage catalog";
 var backstage = {
 	role: "frontend-plugin",

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 { CatalogClient } from '@backstage/catalog-client';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  entityPresentationApiRef,\n  entityRouteRef,\n  starredEntitiesApiRef,\n} from '@backstage/plugin-catalog-react';\nimport {\n  createComponentRouteRef,\n  createFromTemplateRouteRef,\n  unregisterRedirectRouteRef,\n  viewTechDocRouteRef,\n  rootRouteRef,\n} from './routes';\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n  storageApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  createSearchResultListItemExtension,\n  SearchResultListItemExtensionProps,\n} from '@backstage/plugin-search-react';\nimport { DefaultStarredEntitiesApi } from './apis';\nimport { AboutCardProps } from './components/AboutCard';\nimport { DefaultCatalogPageProps } from './components/CatalogPage';\nimport { DependencyOfComponentsCardProps } from './components/DependencyOfComponentsCard';\nimport { DependsOnComponentsCardProps } from './components/DependsOnComponentsCard';\nimport { DependsOnResourcesCardProps } from './components/DependsOnResourcesCard';\nimport { HasComponentsCardProps } from './components/HasComponentsCard';\nimport { HasResourcesCardProps } from './components/HasResourcesCard';\nimport { HasSubcomponentsCardProps } from './components/HasSubcomponentsCard';\nimport { HasSubdomainsCardProps } from './components/HasSubdomainsCard';\nimport { HasSystemsCardProps } from './components/HasSystemsCard';\nimport { RelatedEntitiesCardProps } from './components/RelatedEntitiesCard';\nimport { CatalogSearchResultListItemProps } from './components/CatalogSearchResultListItem';\nimport { DefaultEntityPresentationApi } from './apis/EntityPresentationApi';\n\n/** @public */\nexport const catalogPlugin = createPlugin({\n  id: 'catalog',\n  apis: [\n    createApiFactory({\n      api: catalogApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new CatalogClient({ discoveryApi, fetchApi }),\n    }),\n    createApiFactory({\n      api: starredEntitiesApiRef,\n      deps: { storageApi: storageApiRef },\n      factory: ({ storageApi }) =>\n        new DefaultStarredEntitiesApi({ storageApi }),\n    }),\n    createApiFactory({\n      api: entityPresentationApiRef,\n      deps: { catalogApi: catalogApiRef },\n      factory: ({ catalogApi }) =>\n        DefaultEntityPresentationApi.create({ catalogApi }),\n    }),\n  ],\n  routes: {\n    catalogIndex: rootRouteRef,\n    catalogEntity: entityRouteRef,\n  },\n  externalRoutes: {\n    createComponent: createComponentRouteRef,\n    viewTechDoc: viewTechDocRouteRef,\n    createFromTemplate: createFromTemplateRouteRef,\n    unregisterRedirect: unregisterRedirectRouteRef,\n  },\n});\n\n/** @public */\nexport const CatalogIndexPage: (props: DefaultCatalogPageProps) => JSX.Element =\n  catalogPlugin.provide(\n    createRoutableExtension({\n      name: 'CatalogIndexPage',\n      component: () =>\n        import('./components/CatalogPage').then(m => m.CatalogPage),\n      mountPoint: rootRouteRef,\n    }),\n  );\n\n/** @public */\nexport const CatalogEntityPage: () => JSX.Element = catalogPlugin.provide(\n  createRoutableExtension({\n    name: 'CatalogEntityPage',\n    component: () =>\n      import('./components/CatalogEntityPage').then(m => m.CatalogEntityPage),\n    mountPoint: entityRouteRef,\n  }),\n);\n\n/**\n * An example About card to show at the top of entity pages.\n *\n * @public\n * @remarks\n *\n * This card collects some high level information about the entity, but is just\n * an example component. Many organizations will want to replace it with a\n * custom card that is more tailored to their specific needs. The card itself is\n * not extremely customizable; feel free to make a copy of it as a starting\n * point if you like.\n */\nexport const EntityAboutCard: (props: AboutCardProps) => JSX.Element =\n  catalogPlugin.provide(\n    createComponentExtension({\n      name: 'EntityAboutCard',\n      component: {\n        lazy: () => import('./components/AboutCard').then(m => m.AboutCard),\n      },\n    }),\n  );\n\n/** @public */\nexport const EntityLinksCard = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityLinksCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityLinksCard').then(m => m.EntityLinksCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityLabelsCard = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityLabelsCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityLabelsCard').then(m => m.EntityLabelsCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasSystemsCard: (props: HasSystemsCardProps) => JSX.Element =\n  catalogPlugin.provide(\n    createComponentExtension({\n      name: 'EntityHasSystemsCard',\n      component: {\n        lazy: () =>\n          import('./components/HasSystemsCard').then(m => m.HasSystemsCard),\n      },\n    }),\n  );\n\n/** @public */\nexport const EntityHasComponentsCard: (\n  props: HasComponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasComponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/HasComponentsCard').then(m => m.HasComponentsCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasSubcomponentsCard: (\n  props: HasSubcomponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasSubcomponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/HasSubcomponentsCard').then(\n          m => m.HasSubcomponentsCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasSubdomainsCard: (\n  props: HasSubdomainsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasSubdomainsCard',\n    component: {\n      lazy: () =>\n        import('./components/HasSubdomainsCard').then(m => m.HasSubdomainsCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasResourcesCard: (\n  props: HasResourcesCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasResourcesCard',\n    component: {\n      lazy: () =>\n        import('./components/HasResourcesCard').then(m => m.HasResourcesCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityDependsOnComponentsCard: (\n  props: DependsOnComponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityDependsOnComponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/DependsOnComponentsCard').then(\n          m => m.DependsOnComponentsCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityDependencyOfComponentsCard: (\n  props: DependencyOfComponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityDependencyOfComponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/DependencyOfComponentsCard').then(\n          m => m.DependencyOfComponentsCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityDependsOnResourcesCard: (\n  props: DependsOnResourcesCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityDependsOnResourcesCard',\n    component: {\n      lazy: () =>\n        import('./components/DependsOnResourcesCard').then(\n          m => m.DependsOnResourcesCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const RelatedEntitiesCard: <T extends Entity>(\n  props: RelatedEntitiesCardProps<T>,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'RelatedEntitiesCard',\n    component: {\n      lazy: () =>\n        import('./components/RelatedEntitiesCard').then(\n          m => m.RelatedEntitiesCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const CatalogSearchResultListItem: (\n  props: SearchResultListItemExtensionProps<CatalogSearchResultListItemProps>,\n) => JSX.Element | null = catalogPlugin.provide(\n  createSearchResultListItemExtension({\n    name: 'CatalogSearchResultListItem',\n    component: () =>\n      import('./components/CatalogSearchResultListItem').then(\n        m => m.CatalogSearchResultListItem,\n      ),\n    predicate: result => result.type === 'software-catalog',\n  }),\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 { CatalogClient } from '@backstage/catalog-client';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  catalogApiRef,\n  entityPresentationApiRef,\n  entityRouteRef,\n  starredEntitiesApiRef,\n} from '@backstage/plugin-catalog-react';\nimport {\n  createComponentRouteRef,\n  createFromTemplateRouteRef,\n  unregisterRedirectRouteRef,\n  viewTechDocRouteRef,\n  rootRouteRef,\n} from './routes';\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n  storageApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  createSearchResultListItemExtension,\n  SearchResultListItemExtensionProps,\n} from '@backstage/plugin-search-react';\nimport { DefaultStarredEntitiesApi } from './apis';\nimport { DefaultCatalogPageProps } from './components/CatalogPage';\nimport { DependencyOfComponentsCardProps } from './components/DependencyOfComponentsCard';\nimport { DependsOnComponentsCardProps } from './components/DependsOnComponentsCard';\nimport { DependsOnResourcesCardProps } from './components/DependsOnResourcesCard';\nimport { HasComponentsCardProps } from './components/HasComponentsCard';\nimport { HasResourcesCardProps } from './components/HasResourcesCard';\nimport { HasSubcomponentsCardProps } from './components/HasSubcomponentsCard';\nimport { HasSubdomainsCardProps } from './components/HasSubdomainsCard';\nimport { HasSystemsCardProps } from './components/HasSystemsCard';\nimport { RelatedEntitiesCardProps } from './components/RelatedEntitiesCard';\nimport { CatalogSearchResultListItemProps } from './components/CatalogSearchResultListItem';\nimport { DefaultEntityPresentationApi } from './apis/EntityPresentationApi';\n\n/** @public */\nexport const catalogPlugin = createPlugin({\n  id: 'catalog',\n  apis: [\n    createApiFactory({\n      api: catalogApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new CatalogClient({ discoveryApi, fetchApi }),\n    }),\n    createApiFactory({\n      api: starredEntitiesApiRef,\n      deps: { storageApi: storageApiRef },\n      factory: ({ storageApi }) =>\n        new DefaultStarredEntitiesApi({ storageApi }),\n    }),\n    createApiFactory({\n      api: entityPresentationApiRef,\n      deps: { catalogApi: catalogApiRef },\n      factory: ({ catalogApi }) =>\n        DefaultEntityPresentationApi.create({ catalogApi }),\n    }),\n  ],\n  routes: {\n    catalogIndex: rootRouteRef,\n    catalogEntity: entityRouteRef,\n  },\n  externalRoutes: {\n    createComponent: createComponentRouteRef,\n    viewTechDoc: viewTechDocRouteRef,\n    createFromTemplate: createFromTemplateRouteRef,\n    unregisterRedirect: unregisterRedirectRouteRef,\n  },\n});\n\n/** @public */\nexport const CatalogIndexPage: (props: DefaultCatalogPageProps) => JSX.Element =\n  catalogPlugin.provide(\n    createRoutableExtension({\n      name: 'CatalogIndexPage',\n      component: () =>\n        import('./components/CatalogPage').then(m => m.CatalogPage),\n      mountPoint: rootRouteRef,\n    }),\n  );\n\n/** @public */\nexport const CatalogEntityPage: () => JSX.Element = catalogPlugin.provide(\n  createRoutableExtension({\n    name: 'CatalogEntityPage',\n    component: () =>\n      import('./components/CatalogEntityPage').then(m => m.CatalogEntityPage),\n    mountPoint: entityRouteRef,\n  }),\n);\n\n/**\n * An example About card to show at the top of entity pages.\n *\n * @public\n * @remarks\n *\n * This card collects some high level information about the entity, but is just\n * an example component. Many organizations will want to replace it with a\n * custom card that is more tailored to their specific needs. The card itself is\n * not extremely customizable; feel free to make a copy of it as a starting\n * point if you like.\n */\nexport const EntityAboutCard: () => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityAboutCard',\n    component: {\n      lazy: () => import('./components/AboutCard').then(m => m.AboutCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityLinksCard = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityLinksCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityLinksCard').then(m => m.EntityLinksCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityLabelsCard = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityLabelsCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityLabelsCard').then(m => m.EntityLabelsCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasSystemsCard: (props: HasSystemsCardProps) => JSX.Element =\n  catalogPlugin.provide(\n    createComponentExtension({\n      name: 'EntityHasSystemsCard',\n      component: {\n        lazy: () =>\n          import('./components/HasSystemsCard').then(m => m.HasSystemsCard),\n      },\n    }),\n  );\n\n/** @public */\nexport const EntityHasComponentsCard: (\n  props: HasComponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasComponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/HasComponentsCard').then(m => m.HasComponentsCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasSubcomponentsCard: (\n  props: HasSubcomponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasSubcomponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/HasSubcomponentsCard').then(\n          m => m.HasSubcomponentsCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasSubdomainsCard: (\n  props: HasSubdomainsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasSubdomainsCard',\n    component: {\n      lazy: () =>\n        import('./components/HasSubdomainsCard').then(m => m.HasSubdomainsCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityHasResourcesCard: (\n  props: HasResourcesCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityHasResourcesCard',\n    component: {\n      lazy: () =>\n        import('./components/HasResourcesCard').then(m => m.HasResourcesCard),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityDependsOnComponentsCard: (\n  props: DependsOnComponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityDependsOnComponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/DependsOnComponentsCard').then(\n          m => m.DependsOnComponentsCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityDependencyOfComponentsCard: (\n  props: DependencyOfComponentsCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityDependencyOfComponentsCard',\n    component: {\n      lazy: () =>\n        import('./components/DependencyOfComponentsCard').then(\n          m => m.DependencyOfComponentsCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const EntityDependsOnResourcesCard: (\n  props: DependsOnResourcesCardProps,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'EntityDependsOnResourcesCard',\n    component: {\n      lazy: () =>\n        import('./components/DependsOnResourcesCard').then(\n          m => m.DependsOnResourcesCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const RelatedEntitiesCard: <T extends Entity>(\n  props: RelatedEntitiesCardProps<T>,\n) => JSX.Element = catalogPlugin.provide(\n  createComponentExtension({\n    name: 'RelatedEntitiesCard',\n    component: {\n      lazy: () =>\n        import('./components/RelatedEntitiesCard').then(\n          m => m.RelatedEntitiesCard,\n        ),\n    },\n  }),\n);\n\n/** @public */\nexport const CatalogSearchResultListItem: (\n  props: SearchResultListItemExtensionProps<CatalogSearchResultListItemProps>,\n) => JSX.Element | null = catalogPlugin.provide(\n  createSearchResultListItemExtension({\n    name: 'CatalogSearchResultListItem',\n    component: () =>\n      import('./components/CatalogSearchResultListItem').then(\n        m => m.CatalogSearchResultListItem,\n      ),\n    predicate: result => result.type === 'software-catalog',\n  }),\n);\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog",
-  "version": "1.34.0-next.1",
+  "version": "2.0.0-next.2",
   "description": "The Backstage plugin for browsing the Backstage catalog",
   "backstage": {
     "role": "frontend-plugin",
@@ -70,24 +70,24 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "1.14.0-next.1",
+    "@backstage/catalog-client": "1.14.0-next.2",
     "@backstage/catalog-model": "1.7.6",
-    "@backstage/core-compat-api": "0.5.9-next.1",
-    "@backstage/core-components": "0.18.8-next.0",
-    "@backstage/core-plugin-api": "1.12.4-next.0",
+    "@backstage/core-compat-api": "0.5.9-next.2",
+    "@backstage/core-components": "0.18.8-next.1",
+    "@backstage/core-plugin-api": "1.12.4-next.1",
     "@backstage/errors": "1.2.7",
-    "@backstage/frontend-plugin-api": "0.14.2-next.0",
+    "@backstage/frontend-plugin-api": "0.15.0-next.1",
     "@backstage/integration-react": "1.2.16-next.1",
     "@backstage/plugin-catalog-common": "1.1.8",
-    "@backstage/plugin-catalog-react": "2.1.0-next.1",
+    "@backstage/plugin-catalog-react": "2.1.0-next.2",
     "@backstage/plugin-permission-react": "0.4.41-next.0",
-    "@backstage/plugin-scaffolder-common": "2.0.0-next.1",
+    "@backstage/plugin-scaffolder-common": "2.0.0-next.2",
     "@backstage/plugin-search-common": "1.2.22",
-    "@backstage/plugin-search-react": "1.10.5-next.0",
+    "@backstage/plugin-search-react": "1.10.5-next.1",
     "@backstage/plugin-techdocs-common": "0.1.1",
-    "@backstage/plugin-techdocs-react": "1.3.9-next.0",
+    "@backstage/plugin-techdocs-react": "1.3.9-next.1",
     "@backstage/types": "1.2.2",
-    "@backstage/ui": "0.13.0-next.1",
+    "@backstage/ui": "0.13.0-next.2",
     "@backstage/version-bridge": "1.0.12",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
@@ -103,10 +103,10 @@
     "zen-observable": "^0.10.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.0-next.1",
-    "@backstage/core-app-api": "1.19.6-next.0",
+    "@backstage/cli": "0.36.0-next.2",
+    "@backstage/core-app-api": "1.19.6-next.1",
     "@backstage/dev-utils": "1.1.21-next.1",
-    "@backstage/frontend-test-utils": "0.5.1-next.1",
+    "@backstage/frontend-test-utils": "0.5.1-next.2",
     "@backstage/plugin-permission-common": "0.9.6",
     "@backstage/test-utils": "1.7.16-next.0",
     "@testing-library/dom": "^10.0.0",