@backstage/plugin-catalog 0.7.12-next.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,79 @@
 # @backstage/plugin-catalog
 
+## 0.9.0
+
+### Minor Changes
+
+- e7b9c3d713: Removed `columnFactories`, which was accidentally exported on the previous release.
+- 2262fe19c9: **BREAKING**: Removed support for passing in an explicit `entity` prop to entity page extensions, which has been deprecated for a long time. This is only a breaking change at the TypeScript level, as this property was already ignored.
+- 3c4376e5e7: **BREAKING**: Removed the old `plugin` export, use `catalogPlugin` instead.
+
+### Patch Changes
+
+- 2d339b5f2c: Internalize deprecated `useEntityFromUrl` hook
+- a686702dbe: Renamed `CatalogResultListItem` to `CatalogSearchResultListItem` along with its prop type, leaving the old names in place as a deprecations.
+- 852d5ff758: Added `EntitySwitchProps` type for `EntitySwitch`.
+- a8331830f1: Remove use of deprecated `useEntityKinds` hook.
+- 6e1cbc12a6: Updated according to the new `getEntityFacets` catalog API method
+- b776ce5aab: Replaced use of deprecated `useEntityListProvider` hook with `useEntityList`.
+- 3334ad47d4: Removed usage of `EntityContext`.
+- 919cf2f836: Minor updates to match the new `targetRef` field of relations, and to stop consuming the `target` field
+- Updated dependencies
+  - @backstage/core-components@0.8.10
+  - @backstage/plugin-catalog-react@0.7.0
+  - @backstage/catalog-model@0.11.0
+  - @backstage/catalog-client@0.7.2
+  - @backstage/core-plugin-api@0.7.0
+  - @backstage/integration-react@0.1.23
+
+## 0.8.0
+
+### Minor Changes
+
+- ae7edbea45: Removed `CatalogClientWrapper` as usage have been replaced by the `fetchApiRef`.
+- 37092662cb: **BREAKING** Completely removed the `EntitySystemDiagramCard` component which was deprecated in a previous release. Any remaining references to this component are now broken and should be replaced with `EntityCatalogGraphCard`, which can be imported from package `@backstage/plugin-catalog-graph`.
+- 7657eeae22: Removed deprecated `Router` and `EntityPageLayout` exports.
+  `Router` is replaced by plugin extensions and `EntityPageLayout` is replaced by `CatalogEntityPage`.
+- 0a033351be: **BREAKING**:
+
+  - The `CatalogResultListItem` `result` prop is now of the more narrow and correct type `IndexableDocument`, rather than `any`.
+  - The individual table column factories (e.g. `createNameColumn`) are now no longer available directly, but only through `CatalogTable.columns`.
+
+### Patch Changes
+
+- 1ed305728b: Bump `node-fetch` to version 2.6.7 and `cross-fetch` to version 3.1.5
+- c77c5c7eb6: Added `backstage.role` to `package.json`
+- 538ca90790: Use updated type names from `@backstage/catalog-client`
+- 0d03e42a89: Replaced use of deprecated `compareEntityToRef` utility.
+- 244d24ebc4: Import `Location` from the `@backstage/catalog-client` package.
+- deaf6065db: Adapt to the new `CatalogApi.getLocationByRef`
+- 27eccab216: Replaces use of deprecated catalog-model constants.
+- 7aeb491394: Replace use of deprecated `ENTITY_DEFAULT_NAMESPACE` constant with `DEFAULT_NAMESPACE`.
+- Updated dependencies
+  - @backstage/catalog-client@0.7.0
+  - @backstage/core-components@0.8.9
+  - @backstage/core-plugin-api@0.6.1
+  - @backstage/errors@0.2.1
+  - @backstage/integration-react@0.1.22
+  - @backstage/plugin-catalog-react@0.6.15
+  - @backstage/catalog-model@0.10.0
+  - @backstage/search-common@0.2.3
+  - @backstage/theme@0.2.15
+  - @backstage/plugin-catalog-common@0.1.3
+
+## 0.7.12
+
+### Patch Changes
+
+- f8633307c4: Added an "inspect" entry in the entity three-dots menu, for lower level catalog
+  insights and debugging.
+- 9033775d39: Deprecated the `EntityPageLayout`; please use the new extension based `CatalogEntityPage` instead
+- Updated dependencies
+  - @backstage/catalog-client@0.6.0
+  - @backstage/core-components@0.8.8
+  - @backstage/plugin-catalog-react@0.6.14
+  - @backstage/integration-react@0.1.21
+
 ## 0.7.12-next.0
 
 ### Patch Changes

package/dist/esm/index-0518ad02.esm.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useOutlet } from 'react-router';
+import { PageWithHeader, Content, ContentHeader, CreateButton, SupportButton } from '@backstage/core-components';
+import { useApi, configApiRef, useRouteRef } from '@backstage/core-plugin-api';
+import { EntityListProvider, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker } from '@backstage/plugin-catalog-react';
+import { c as createComponentRouteRef, C as CatalogKindHeader, F as FilteredEntityLayout, a as FilterContainer, E as EntityListContainer, b as CatalogTable } from './index-6ca877bd.esm.js';
+import '@backstage/catalog-model';
+import '@backstage/integration-react';
+import '@material-ui/core';
+import '@material-ui/icons/Cached';
+import '@material-ui/icons/Description';
+import '@material-ui/icons/Edit';
+import 'react-use/lib/useAsync';
+import '@material-ui/icons/OpenInNew';
+import 'lodash';
+import '@material-ui/lab';
+import '@material-ui/core/styles';
+import '@material-ui/icons/Cancel';
+import '@material-ui/icons/BugReport';
+import '@material-ui/icons/MoreVert';
+import '@backstage/plugin-catalog-common';
+import '@backstage/errors';
+import '@backstage/catalog-client';
+import '@material-ui/icons/FilterList';
+
+function DefaultCatalogPage(props) {
+  var _a;
+  const { columns, actions, initiallySelectedFilter = "owned" } = props;
+  const orgName = (_a = useApi(configApiRef).getOptionalString("organization.name")) != null ? _a : "Backstage";
+  const createComponentLink = useRouteRef(createComponentRouteRef);
+  return /* @__PURE__ */ React.createElement(PageWithHeader, {
+    title: `${orgName} Catalog`,
+    themeId: "home"
+  }, /* @__PURE__ */ React.createElement(EntityListProvider, null, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, {
+    titleComponent: /* @__PURE__ */ React.createElement(CatalogKindHeader, null)
+  }, /* @__PURE__ */ React.createElement(CreateButton, {
+    title: "Create Component",
+    to: createComponentLink && createComponentLink()
+  }), /* @__PURE__ */ React.createElement(SupportButton, null, "All your software catalog entities")), /* @__PURE__ */ React.createElement(FilteredEntityLayout, null, /* @__PURE__ */ React.createElement(FilterContainer, null, /* @__PURE__ */ React.createElement(EntityTypePicker, null), /* @__PURE__ */ React.createElement(UserListPicker, {
+    initialFilter: initiallySelectedFilter
+  }), /* @__PURE__ */ React.createElement(EntityOwnerPicker, null), /* @__PURE__ */ React.createElement(EntityLifecyclePicker, null), /* @__PURE__ */ React.createElement(EntityTagPicker, null)), /* @__PURE__ */ React.createElement(EntityListContainer, null, /* @__PURE__ */ React.createElement(CatalogTable, {
+    columns,
+    actions
+  }))))));
+}
+
+function CatalogPage(props) {
+  const outlet = useOutlet();
+  return outlet || /* @__PURE__ */ React.createElement(DefaultCatalogPage, {
+    ...props
+  });
+}
+
+export { CatalogPage, DefaultCatalogPage };
+//# sourceMappingURL=index-0518ad02.esm.js.map

package/dist/esm/index-0518ad02.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-0518ad02.esm.js","sources":["../../src/components/CatalogPage/DefaultCatalogPage.tsx","../../src/components/CatalogPage/CatalogPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Content,\n  ContentHeader,\n  CreateButton,\n  PageWithHeader,\n  SupportButton,\n  TableColumn,\n  TableProps,\n} from '@backstage/core-components';\nimport { configApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  EntityLifecyclePicker,\n  EntityListProvider,\n  EntityOwnerPicker,\n  EntityTagPicker,\n  EntityTypePicker,\n  UserListFilterKind,\n  UserListPicker,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport { createComponentRouteRef } from '../../routes';\nimport { CatalogTable, CatalogTableRow } from '../CatalogTable';\nimport {\n  FilteredEntityLayout,\n  EntityListContainer,\n  FilterContainer,\n} from '../FilteredEntityLayout';\nimport { CatalogKindHeader } from '../CatalogKindHeader';\n\n/**\n * Props for root catalog pages.\n *\n * @public\n */\nexport interface DefaultCatalogPageProps {\n  initiallySelectedFilter?: UserListFilterKind;\n  columns?: TableColumn<CatalogTableRow>[];\n  actions?: TableProps<CatalogTableRow>['actions'];\n}\n\nexport function DefaultCatalogPage(props: DefaultCatalogPageProps) {\n  const { columns, actions, initiallySelectedFilter = 'owned' } = props;\n  const orgName =\n    useApi(configApiRef).getOptionalString('organization.name') ?? 'Backstage';\n  const createComponentLink = useRouteRef(createComponentRouteRef);\n\n  return (\n    <PageWithHeader title={`${orgName} Catalog`} themeId=\"home\">\n      <EntityListProvider>\n        <Content>\n          <ContentHeader titleComponent={<CatalogKindHeader />}>\n            <CreateButton\n              title=\"Create Component\"\n              to={createComponentLink && createComponentLink()}\n            />\n            <SupportButton>All your software catalog entities</SupportButton>\n          </ContentHeader>\n          <FilteredEntityLayout>\n            <FilterContainer>\n              <EntityTypePicker />\n              <UserListPicker initialFilter={initiallySelectedFilter} />\n              <EntityOwnerPicker />\n              <EntityLifecyclePicker />\n              <EntityTagPicker />\n            </FilterContainer>\n            <EntityListContainer>\n              <CatalogTable columns={columns} actions={actions} />\n            </EntityListContainer>\n          </FilteredEntityLayout>\n        </Content>\n      </EntityListProvider>\n    </PageWithHeader>\n  );\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useOutlet } from 'react-router';\nimport {\n  DefaultCatalogPage,\n  DefaultCatalogPageProps,\n} from './DefaultCatalogPage';\n\nexport function CatalogPage(props: DefaultCatalogPageProps) {\n  const outlet = useOutlet();\n\n  return outlet || <DefaultCatalogPage {...props} />;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;4BAwDmC,OAAgC;AAxDnE;AAyDE,QAAM,EAAE,SAAS,SAAS,0BAA0B,YAAY;AAChE,QAAM,UACJ,aAAO,cAAc,kBAAkB,yBAAvC,YAA+D;AACjE,QAAM,sBAAsB,YAAY;AAExC,6CACG,gBAAD;AAAA,IAAgB,OAAO,GAAG;AAAA,IAAmB,SAAQ;AAAA,yCAClD,oBAAD,0CACG,SAAD,0CACG,eAAD;AAAA,IAAe,oDAAiB,mBAAD;AAAA,yCAC5B,cAAD;AAAA,IACE,OAAM;AAAA,IACN,IAAI,uBAAuB;AAAA,0CAE5B,eAAD,MAAe,4EAEhB,sBAAD,0CACG,iBAAD,0CACG,kBAAD,2CACC,gBAAD;AAAA,IAAgB,eAAe;AAAA,0CAC9B,mBAAD,2CACC,uBAAD,2CACC,iBAAD,4CAED,qBAAD,0CACG,cAAD;AAAA,IAAc;AAAA,IAAkB;AAAA;AAAA;;qBC3DlB,OAAgC;AAC1D,QAAM,SAAS;AAEf,SAAO,8CAAW,oBAAD;AAAA,OAAwB;AAAA;AAAA;;;;"}

package/dist/esm/{index-f38c05cb.esm.js → index-14286170.esm.js}

@@ -1,11 +1,12 @@
 import { RELATION_HAS_PART } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-711f07f8.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-8488ee8e.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
 
-const HasComponentsCard = ({ variant = "gridItem" }) => {
+function HasComponentsCard(props) {
+  const { variant = "gridItem" } = props;
   return /* @__PURE__ */ React.createElement(RelatedEntitiesCard, {
     variant,
     title: "Has components",
@@ -16,7 +17,7 @@ const HasComponentsCard = ({ variant = "gridItem" }) => {
     emptyHelpLink: componentEntityHelpLink,
     asRenderableEntities: asComponentEntities
   });
-};
+}
 
 export { HasComponentsCard };
-//# sourceMappingURL=index-f38c05cb.esm.js.map
+//# sourceMappingURL=index-14286170.esm.js.map

package/dist/esm/index-14286170.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-14286170.esm.js","sources":["../../src/components/HasComponentsCard/HasComponentsCard.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 { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface HasComponentsCardProps {\n  variant?: 'gridItem';\n}\n\nexport function HasComponentsCard(props: HasComponentsCardProps) {\n  const { variant = 'gridItem' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title=\"Has components\"\n      entityKind=\"Component\"\n      relationType={RELATION_HAS_PART}\n      columns={componentEntityColumns}\n      emptyMessage=\"No component is part of this system\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asComponentEntities}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;2BA8BkC,OAA+B;AAC/D,QAAM,EAAE,UAAU,eAAe;AACjC,6CACG,qBAAD;AAAA,IACE;AAAA,IACA,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAa;AAAA,IACb,eAAe;AAAA,IACf,sBAAsB;AAAA;AAAA;;;;"}

package/dist/esm/{index-5f548c06.esm.js → index-172990ed.esm.js}

@@ -1,6 +1,6 @@
-export { R as RelatedEntitiesCard, e as asComponentEntities, f as asResourceEntities, a as asSystemEntities, c as componentEntityColumns, d as componentEntityHelpLink, r as resourceEntityColumns, g as resourceEntityHelpLink, s as systemEntityColumns, b as systemEntityHelpLink } from './presets-711f07f8.esm.js';
+export { R as RelatedEntitiesCard, e as asComponentEntities, f as asResourceEntities, a as asSystemEntities, c as componentEntityColumns, d as componentEntityHelpLink, r as resourceEntityColumns, g as resourceEntityHelpLink, s as systemEntityColumns, b as systemEntityHelpLink } from './presets-8488ee8e.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import 'react';
 import '@backstage/core-components';
-//# sourceMappingURL=index-5f548c06.esm.js.map
+//# sourceMappingURL=index-172990ed.esm.js.map

package/dist/esm/index-172990ed.esm.js.map

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

package/dist/esm/{index-76b6bb58.esm.js → index-2a9d68c3.esm.js}

@@ -1,14 +1,12 @@
 import { RELATION_DEPENDENCY_OF } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-711f07f8.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-8488ee8e.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
 
-const DependencyOfComponentsCard = ({
-  variant = "gridItem",
-  title = "Dependency of components"
-}) => {
+function DependencyOfComponentsCard(props) {
+  const { variant = "gridItem", title = "Dependency of components" } = props;
   return /* @__PURE__ */ React.createElement(RelatedEntitiesCard, {
     variant,
     title,
@@ -19,7 +17,7 @@ const DependencyOfComponentsCard = ({
     emptyHelpLink: componentEntityHelpLink,
     asRenderableEntities: asComponentEntities
   });
-};
+}
 
 export { DependencyOfComponentsCard };
-//# sourceMappingURL=index-76b6bb58.esm.js.map
+//# sourceMappingURL=index-2a9d68c3.esm.js.map

package/dist/esm/index-2a9d68c3.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-2a9d68c3.esm.js","sources":["../../src/components/DependencyOfComponentsCard/DependencyOfComponentsCard.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 { RELATION_DEPENDENCY_OF } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface DependencyOfComponentsCardProps {\n  variant?: 'gridItem';\n  title?: string;\n}\n\nexport function DependencyOfComponentsCard(\n  props: DependencyOfComponentsCardProps,\n) {\n  const { variant = 'gridItem', title = 'Dependency of components' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Component\"\n      relationType={RELATION_DEPENDENCY_OF}\n      columns={componentEntityColumns}\n      emptyMessage=\"No component depends on this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asComponentEntities}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;oCAgCE,OACA;AACA,QAAM,EAAE,UAAU,YAAY,QAAQ,+BAA+B;AACrE,6CACG,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAa;AAAA,IACb,eAAe;AAAA,IACf,sBAAsB;AAAA;AAAA;;;;"}

package/dist/esm/{index-a41d9b20.esm.js → index-31a771c4.esm.js}

@@ -1,4 +1,4 @@
-export { C as CatalogPage, D as DefaultCatalogPage } from './index-9e441058.esm.js';
+export { A as AboutCard, d as AboutContent, e as AboutField } from './index-6ca877bd.esm.js';
 import '@backstage/catalog-model';
 import '@backstage/core-components';
 import '@backstage/core-plugin-api';
@@ -9,18 +9,17 @@ import '@material-ui/icons/Cached';
 import '@material-ui/icons/Description';
 import '@material-ui/icons/Edit';
 import 'react';
+import 'react-use/lib/useAsync';
 import '@material-ui/icons/OpenInNew';
 import 'lodash';
 import '@material-ui/lab';
 import 'react-router';
 import '@material-ui/core/styles';
 import '@material-ui/icons/Cancel';
+import '@material-ui/icons/BugReport';
 import '@material-ui/icons/MoreVert';
 import '@backstage/plugin-catalog-common';
 import '@backstage/errors';
 import '@backstage/catalog-client';
-import 'react-use/lib/useAsync';
-import 'react-helmet';
 import '@material-ui/icons/FilterList';
-import '../components/EntityNotFound/Illo/illo.svg';
-//# sourceMappingURL=index-a41d9b20.esm.js.map
+//# sourceMappingURL=index-31a771c4.esm.js.map

package/dist/esm/index-31a771c4.esm.js.map

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

package/dist/esm/{index-ce51b527.esm.js → index-52271589.esm.js}

@@ -18,7 +18,7 @@ const useStyles$1 = makeStyles((theme) => ({
     background: theme.palette.type === "dark" ? "#444" : "#fff"
   }
 }), { name: "PluginCatalogEntityLinksEmptyState" });
-const EntityLinksEmptyState = () => {
+function EntityLinksEmptyState() {
   const classes = useStyles$1();
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
     variant: "body1"
@@ -36,7 +36,7 @@ const EntityLinksEmptyState = () => {
     target: "_blank",
     href: "https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional"
   }, "Read more"));
-};
+}
 
 const useStyles = makeStyles({
   svgIcon: {
@@ -48,11 +48,8 @@ const useStyles = makeStyles({
     }
   }
 });
-const IconLink = ({
-  href,
-  text,
-  Icon
-}) => {
+function IconLink(props) {
+  const { href, text, Icon } = props;
   const classes = useStyles();
   return /* @__PURE__ */ React.createElement(Box, {
     display: "flex"
@@ -68,7 +65,7 @@ const IconLink = ({
     target: "_blank",
     rel: "noopener"
   }, text || href)));
-};
+}
 
 const colDefaults = {
   xs: 1,
@@ -96,7 +93,8 @@ function useDynamicColumns(cols) {
   return numOfCols;
 }
 
-const LinksGridList = ({ items, cols = void 0 }) => {
+function LinksGridList(props) {
+  const { items, cols = void 0 } = props;
   const numOfCols = useDynamicColumns(cols);
   return /* @__PURE__ */ React.createElement(ImageList, {
     rowHeight: "auto",
@@ -108,10 +106,11 @@ const LinksGridList = ({ items, cols = void 0 }) => {
     text: text != null ? text : href,
     Icon
   }))));
-};
+}
 
-const EntityLinksCard = ({ cols = void 0, variant }) => {
+function EntityLinksCard(props) {
   var _a;
+  const { cols = void 0, variant } = props;
   const { entity } = useEntity();
   const app = useApp();
   const iconResolver = (key) => {
@@ -130,7 +129,7 @@ const EntityLinksCard = ({ cols = void 0, variant }) => {
       Icon: iconResolver(icon)
     }))
   }));
-};
+}
 
 export { EntityLinksCard };
-//# sourceMappingURL=index-ce51b527.esm.js.map
+//# sourceMappingURL=index-52271589.esm.js.map

package/dist/esm/index-52271589.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-52271589.esm.js","sources":["../../src/components/EntityLinksCard/EntityLinksEmptyState.tsx","../../src/components/EntityLinksCard/IconLink.tsx","../../src/components/EntityLinksCard/useDynamicColumns.tsx","../../src/components/EntityLinksCard/LinksGridList.tsx","../../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 { BackstageTheme } from '@backstage/theme';\nimport { Button, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `metadata:\n  name: example\n  links:\n    - url: https://dashboard.example.com\n      title: My Dashboard\n      icon: dashboard`;\n\n/** @public */\nexport type EntityLinksEmptyStateClassKey = 'code';\n\nconst useStyles = makeStyles<BackstageTheme>(\n  theme => ({\n    code: {\n      borderRadius: 6,\n      margin: `${theme.spacing(2)}px 0px`,\n      background: theme.palette.type === 'dark' ? '#444' : '#fff',\n    },\n  }),\n  { name: 'PluginCatalogEntityLinksEmptyState' },\n);\n\nexport function EntityLinksEmptyState() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <Typography variant=\"body1\">\n        No links defined for this entity. You can add links to your entity YAML\n        as shown in the highlighted example below:\n      </Typography>\n      <div className={classes.code}>\n        <CodeSnippet\n          text={ENTITY_YAML}\n          language=\"yaml\"\n          showLineNumbers\n          highlightedNumbers={[3, 4, 5, 6]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n      </div>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        target=\"_blank\"\n        href=\"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional\"\n      >\n        Read more\n      </Button>\n    </>\n  );\n}\n","/*\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 { makeStyles, Box, Typography } from '@material-ui/core';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { IconComponent } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles({\n  svgIcon: {\n    display: 'inline-block',\n    '& svg': {\n      display: 'inline-block',\n      fontSize: 'inherit',\n      verticalAlign: 'baseline',\n    },\n  },\n});\n\nexport function IconLink(props: {\n  href: string;\n  text?: string;\n  Icon?: IconComponent;\n}) {\n  const { href, text, Icon } = props;\n  const classes = useStyles();\n\n  return (\n    <Box display=\"flex\">\n      <Box mr={1} className={classes.svgIcon}>\n        <Typography component=\"div\">\n          {Icon ? <Icon /> : <LanguageIcon />}\n        </Typography>\n      </Box>\n      <Box flexGrow=\"1\">\n        <Link to={href} target=\"_blank\" rel=\"noopener\">\n          {text || href}\n        </Link>\n      </Box>\n    </Box>\n  );\n}\n","/*\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 { Theme, useMediaQuery } from '@material-ui/core';\nimport { Breakpoint, ColumnBreakpoints } from './types';\n\nconst colDefaults: ColumnBreakpoints = {\n  xs: 1,\n  sm: 1,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\nexport function useDynamicColumns(\n  cols: ColumnBreakpoints | number | undefined,\n): number {\n  const matches: (Breakpoint | null)[] = [\n    useMediaQuery((theme: Theme) => theme.breakpoints.up('xl')) ? 'xl' : null,\n    useMediaQuery((theme: Theme) => theme.breakpoints.up('lg')) ? 'lg' : null,\n    useMediaQuery((theme: Theme) => theme.breakpoints.up('md')) ? 'md' : null,\n    useMediaQuery((theme: Theme) => theme.breakpoints.up('sm')) ? 'sm' : null,\n    useMediaQuery((theme: Theme) => theme.breakpoints.up('xs')) ? 'xs' : null,\n  ];\n\n  let numOfCols = 1;\n\n  if (typeof cols === 'number') {\n    numOfCols = cols;\n  } else {\n    const breakpoint = matches.find(k => k !== null) ?? 'xs';\n    numOfCols = cols?.[breakpoint] ?? colDefaults[breakpoint];\n  }\n\n  return numOfCols;\n}\n","/*\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, ImageListItem } from '@material-ui/core';\nimport React from 'react';\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","/*\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 React from 'react';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\nimport { ColumnBreakpoints } from './types';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\n/** @public */\nexport interface EntityLinksCardProps {\n  cols?: ColumnBreakpoints | number;\n  variant?: 'gridItem';\n}\n\nexport function EntityLinksCard(props: EntityLinksCardProps) {\n  const { cols = undefined, variant } = props;\n  const { entity } = useEntity();\n  const app = useApp();\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=\"Links\" 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":["useStyles"],"mappings":"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"}

package/dist/esm/{index-1d9c4228.esm.js → index-583e6f94.esm.js}

@@ -1,11 +1,12 @@
 import { RELATION_DEPENDS_ON } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, r as resourceEntityColumns, d as componentEntityHelpLink, f as asResourceEntities } from './presets-711f07f8.esm.js';
+import { R as RelatedEntitiesCard, r as resourceEntityColumns, d as componentEntityHelpLink, f as asResourceEntities } from './presets-8488ee8e.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
 
-const DependsOnResourcesCard = ({ variant = "gridItem" }) => {
+function DependsOnResourcesCard(props) {
+  const { variant = "gridItem" } = props;
   return /* @__PURE__ */ React.createElement(RelatedEntitiesCard, {
     variant,
     title: "Depends on resources",
@@ -16,7 +17,7 @@ const DependsOnResourcesCard = ({ variant = "gridItem" }) => {
     emptyHelpLink: componentEntityHelpLink,
     asRenderableEntities: asResourceEntities
   });
-};
+}
 
 export { DependsOnResourcesCard };
-//# sourceMappingURL=index-1d9c4228.esm.js.map
+//# sourceMappingURL=index-583e6f94.esm.js.map

package/dist/esm/index-583e6f94.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-583e6f94.esm.js","sources":["../../src/components/DependsOnResourcesCard/DependsOnResourcesCard.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 { RELATION_DEPENDS_ON } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asResourceEntities,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n  resourceEntityColumns,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface DependsOnResourcesCardProps {\n  variant?: 'gridItem';\n}\n\nexport function DependsOnResourcesCard(props: DependsOnResourcesCardProps) {\n  const { variant = 'gridItem' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title=\"Depends on resources\"\n      entityKind=\"Resource\"\n      relationType={RELATION_DEPENDS_ON}\n      columns={resourceEntityColumns}\n      emptyMessage=\"No resource is a dependency of this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asResourceEntities}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;gCA8BuC,OAAoC;AACzE,QAAM,EAAE,UAAU,eAAe;AACjC,6CACG,qBAAD;AAAA,IACE;AAAA,IACA,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,cAAa;AAAA,IACb,eAAe;AAAA,IACf,sBAAsB;AAAA;AAAA;;;;"}

package/dist/esm/{index-dd3d0aa1.esm.js → index-69fcf315.esm.js}

@@ -1,11 +1,12 @@
 import { RELATION_HAS_PART } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, c as componentEntityColumns, e as asComponentEntities } from './presets-711f07f8.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, e as asComponentEntities } from './presets-8488ee8e.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
 
-const HasSubcomponentsCard = ({ variant = "gridItem" }) => {
+function HasSubcomponentsCard(props) {
+  const { variant = "gridItem" } = props;
   return /* @__PURE__ */ React.createElement(RelatedEntitiesCard, {
     variant,
     title: "Has subcomponents",
@@ -16,7 +17,7 @@ const HasSubcomponentsCard = ({ variant = "gridItem" }) => {
     emptyMessage: "No subcomponent is part of this component",
     emptyHelpLink: "https://backstage.io/docs/features/software-catalog/descriptor-format#specsubcomponentof-optional"
   });
-};
+}
 
 export { HasSubcomponentsCard };
-//# sourceMappingURL=index-dd3d0aa1.esm.js.map
+//# sourceMappingURL=index-69fcf315.esm.js.map

package/dist/esm/index-69fcf315.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-69fcf315.esm.js","sources":["../../src/components/HasSubcomponentsCard/HasSubcomponentsCard.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 { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface HasSubcomponentsCardProps {\n  variant?: 'gridItem';\n}\n\nexport function HasSubcomponentsCard(props: HasSubcomponentsCardProps) {\n  const { variant = 'gridItem' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title=\"Has subcomponents\"\n      entityKind=\"Component\"\n      relationType={RELATION_HAS_PART}\n      columns={componentEntityColumns}\n      asRenderableEntities={asComponentEntities}\n      emptyMessage=\"No subcomponent is part of this component\"\n      emptyHelpLink=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specsubcomponentof-optional\"\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;8BA6BqC,OAAkC;AACrE,QAAM,EAAE,UAAU,eAAe;AACjC,6CACG,qBAAD;AAAA,IACE;AAAA,IACA,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,cAAa;AAAA,IACb,eAAc;AAAA;AAAA;;;;"}