@backstage/plugin-catalog 0.9.1 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,77 @@
 # @backstage/plugin-catalog
 
+## 1.0.0
+
+### Major Changes
+
+- b58c70c223: This package has been promoted to v1.0! To understand how this change affects the package, please check out our [versioning policy](https://backstage.io/docs/overview/versioning-policy).
+
+### Patch Changes
+
+- a422d7ce5e: chore(deps): bump `@testing-library/react` from 11.2.6 to 12.1.3
+- c689d7a94c: **DEPRECATION**: The `FilteredEntityLayout` and related components have been moved to `@backstage/plugin-catalog-react` and renamed. The original components are now deprecated and should be replaced as follows:
+
+  - `FilteredEntityLayout` -> `CatalogFilterLayout`
+  - `FilterContainer` -> `CatalogFilterLayout.Filters`
+  - `EntityListContainer` -> `CatalogFilterLayout.Content`
+
+- d4afa7e30d: Fix for `EntitySwitch` not properly falling back to render the default entity page when the entity is missing.
+- f24ef7864e: Minor typo fixes
+- Updated dependencies
+  - @backstage/core-components@0.9.2
+  - @backstage/core-plugin-api@1.0.0
+  - @backstage/integration-react@1.0.0
+  - @backstage/plugin-catalog-react@1.0.0
+  - @backstage/catalog-model@1.0.0
+  - @backstage/catalog-client@1.0.0
+  - @backstage/errors@1.0.0
+  - @backstage/types@1.0.0
+  - @backstage/plugin-catalog-common@1.0.0
+  - @backstage/plugin-search-common@0.3.2
+
+## 0.10.0
+
+### Minor Changes
+
+- 51856359bf: **BREAKING**: Removed the `AboutCard` component which has been replaced by `EntityAboutCard`.
+- 5ea9509e6a: **BREAKING**: Removed `CatalogResultListItemProps` and `CatalogResultListItem`, replaced by `CatalogSearchResultListItemProps` and `CatalogSearchResultListItem`.
+
+### Patch Changes
+
+- 9a06d18385: Added an `allowedKinds` option to `CatalogKindHeader` to limit entity kinds available in the dropdown.
+- 251688a75e: Updated `CatalogKindHeader` to respond to external changes to query parameters in the URL, such as two sidebar links that apply different catalog filters.
+- 9844d4d2bd: Removed usage of removed hook.
+- 3e54f6c436: Use `@backstage/plugin-search-common` package instead of `@backstage/search-common`.
+- Updated dependencies
+  - @backstage/plugin-catalog-react@0.9.0
+  - @backstage/core-components@0.9.1
+  - @backstage/catalog-model@0.13.0
+  - @backstage/plugin-catalog-common@0.2.2
+  - @backstage/plugin-search-common@0.3.1
+  - @backstage/catalog-client@0.9.0
+  - @backstage/integration-react@0.1.25
+
+## 0.10.0-next.0
+
+### Minor Changes
+
+- 51856359bf: **BREAKING**: Removed the `AboutCard` component which has been replaced by `EntityAboutCard`.
+- 5ea9509e6a: **BREAKING**: Removed `CatalogResultListItemProps` and `CatalogResultListItem`, replaced by `CatalogSearchResultListItemProps` and `CatalogSearchResultListItem`.
+
+### Patch Changes
+
+- 251688a75e: Updated `CatalogKindHeader` to respond to external changes to query parameters in the URL, such as two sidebar links that apply different catalog filters.
+- 9844d4d2bd: Removed usage of removed hook.
+- 3e54f6c436: Use `@backstage/plugin-search-common` package instead of `@backstage/search-common`.
+- Updated dependencies
+  - @backstage/plugin-catalog-react@0.9.0-next.0
+  - @backstage/core-components@0.9.1-next.0
+  - @backstage/catalog-model@0.13.0-next.0
+  - @backstage/plugin-catalog-common@0.2.2-next.0
+  - @backstage/plugin-search-common@0.3.1-next.0
+  - @backstage/catalog-client@0.9.0-next.0
+  - @backstage/integration-react@0.1.25-next.0
+
 ## 0.9.1
 
 ### Patch Changes

package/dist/esm/{index-61fe5994.esm.js → index-0f8f348d.esm.js}

@@ -2,8 +2,8 @@ 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-1f9336e4.esm.js';
+import { EntityListProvider, CatalogFilterLayout, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker } from '@backstage/plugin-catalog-react';
+import { c as createComponentRouteRef, C as CatalogKindHeader, a as CatalogTable } from './index-74617ebb.esm.js';
 import 'zen-observable';
 import '@backstage/catalog-model';
 import 'lodash';
@@ -24,7 +24,6 @@ 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;
@@ -39,9 +38,9 @@ function DefaultCatalogPage(props) {
   }, /* @__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, {
+  }), /* @__PURE__ */ React.createElement(SupportButton, null, "All your software catalog entities")), /* @__PURE__ */ React.createElement(CatalogFilterLayout, null, /* @__PURE__ */ React.createElement(CatalogFilterLayout.Filters, 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, {
+  }), /* @__PURE__ */ React.createElement(EntityOwnerPicker, null), /* @__PURE__ */ React.createElement(EntityLifecyclePicker, null), /* @__PURE__ */ React.createElement(EntityTagPicker, null)), /* @__PURE__ */ React.createElement(CatalogFilterLayout.Content, null, /* @__PURE__ */ React.createElement(CatalogTable, {
     columns,
     actions
   }))))));
@@ -55,4 +54,4 @@ function CatalogPage(props) {
 }
 
 export { CatalogPage, DefaultCatalogPage };
-//# sourceMappingURL=index-61fe5994.esm.js.map
+//# sourceMappingURL=index-0f8f348d.esm.js.map

package/dist/esm/index-0f8f348d.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-0f8f348d.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  CatalogFilterLayout,\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 { 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          <CatalogFilterLayout>\n            <CatalogFilterLayout.Filters>\n              <EntityTypePicker />\n              <UserListPicker initialFilter={initiallySelectedFilter} />\n              <EntityOwnerPicker />\n              <EntityLifecyclePicker />\n              <EntityTagPicker />\n            </CatalogFilterLayout.Filters>\n            <CatalogFilterLayout.Content>\n              <CatalogTable columns={columns} actions={actions} />\n            </CatalogFilterLayout.Content>\n          </CatalogFilterLayout>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDO,SAAA,kBAAA,CAA4B,KAAgC,EAAA;AApDnE,EAAA,IAAA,EAAA,CAAA;AAqDE,EAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,uBAAA,GAA0B,OAAY,EAAA,GAAA,KAAA,CAAA;AAChE,EAAA,MAAM,OACJ,GAAA,CAAA,EAAA,GAAA,MAAA,CAAO,YAAc,CAAA,CAAA,iBAAA,CAAkB,yBAAvC,IAA+D,GAAA,EAAA,GAAA,WAAA,CAAA;AACjE,EAAA,MAAM,sBAAsB,WAAY,CAAA,uBAAA,CAAA,CAAA;AAExC,EAAA,2CACG,cAAD,EAAA;AAAA,IAAgB,OAAO,CAAG,EAAA,OAAA,CAAA,QAAA,CAAA;AAAA,IAAmB,OAAQ,EAAA,MAAA;AAAA,GAAA,sCAClD,kBAAD,EAAA,IAAA,sCACG,OAAD,EAAA,IAAA,sCACG,aAAD,EAAA;AAAA,IAAe,cAAA,sCAAiB,iBAAD,EAAA,IAAA,CAAA;AAAA,GAAA,sCAC5B,YAAD,EAAA;AAAA,IACE,KAAM,EAAA,kBAAA;AAAA,IACN,IAAI,mBAAuB,IAAA,mBAAA,EAAA;AAAA,GAAA,CAAA,kBAE5B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAD,IAAe,EAAA,oCAAA,CAAA,CAAA,sCAEhB,mBAAD,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,mBAAA,CAAoB,SAArB,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAA,IAAA,CAAA,sCACC,cAAD,EAAA;AAAA,IAAgB,aAAe,EAAA,uBAAA;AAAA,GAAA,CAAA,kBAC9B,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAD,IACA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAD,IACA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAD,EAAA,IAAA,CAAA,CAAA,kBAED,KAAA,CAAA,aAAA,CAAA,mBAAA,CAAoB,OAArB,EAAA,IAAA,sCACG,YAAD,EAAA;AAAA,IAAc,OAAA;AAAA,IAAkB,OAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;ACvDvC,SAAA,WAAA,CAAqB,KAAgC,EAAA;AAC1D,EAAA,MAAM,MAAS,GAAA,SAAA,EAAA,CAAA;AAEf,EAAO,OAAA,MAAA,wCAAW,kBAAD,EAAA;AAAA,IAAwB,GAAA,KAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/dist/esm/{index-bb5ef8ab.esm.js → index-3763491b.esm.js}

@@ -1,6 +1,6 @@
 import { RELATION_HAS_PART } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, s as systemEntityColumns, a as asSystemEntities, b as systemEntityHelpLink } from './presets-8488ee8e.esm.js';
+import { R as RelatedEntitiesCard, s as systemEntityColumns, a as asSystemEntities, b as systemEntityHelpLink } from './presets-13b889b9.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -20,4 +20,4 @@ function HasSystemsCard(props) {
 }
 
 export { HasSystemsCard };
-//# sourceMappingURL=index-bb5ef8ab.esm.js.map
+//# sourceMappingURL=index-3763491b.esm.js.map

package/dist/esm/{index-bb5ef8ab.esm.js.map → index-3763491b.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-bb5ef8ab.esm.js","sources":["../../src/components/HasSystemsCard/HasSystemsCard.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  asSystemEntities,\n  RelatedEntitiesCard,\n  systemEntityColumns,\n  systemEntityHelpLink,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface HasSystemsCardProps {\n  variant?: 'gridItem';\n}\n\nexport function HasSystemsCard(props: HasSystemsCardProps) {\n  const { variant = 'gridItem' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title=\"Has systems\"\n      entityKind=\"System\"\n      relationType={RELATION_HAS_PART}\n      columns={systemEntityColumns}\n      asRenderableEntities={asSystemEntities}\n      emptyMessage=\"No system is part of this domain\"\n      emptyHelpLink={systemEntityHelpLink}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;wBA8B+B,OAA4B;AACzD,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,eAAe;AAAA;AAAA;;;;"}
+{"version":3,"file":"index-3763491b.esm.js","sources":["../../src/components/HasSystemsCard/HasSystemsCard.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  asSystemEntities,\n  RelatedEntitiesCard,\n  systemEntityColumns,\n  systemEntityHelpLink,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface HasSystemsCardProps {\n  variant?: 'gridItem';\n}\n\nexport function HasSystemsCard(props: HasSystemsCardProps) {\n  const { variant = 'gridItem' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title=\"Has systems\"\n      entityKind=\"System\"\n      relationType={RELATION_HAS_PART}\n      columns={systemEntityColumns}\n      asRenderableEntities={asSystemEntities}\n      emptyMessage=\"No system is part of this domain\"\n      emptyHelpLink={systemEntityHelpLink}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA8BO,SAAA,cAAA,CAAwB,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,UAAU,UAAe,EAAA,GAAA,KAAA,CAAA;AACjC,EAAA,2CACG,mBAAD,EAAA;AAAA,IACE,OAAA;AAAA,IACA,KAAM,EAAA,aAAA;AAAA,IACN,UAAW,EAAA,QAAA;AAAA,IACX,YAAc,EAAA,iBAAA;AAAA,IACd,OAAS,EAAA,mBAAA;AAAA,IACT,oBAAsB,EAAA,gBAAA;AAAA,IACtB,YAAa,EAAA,kCAAA;AAAA,IACb,aAAe,EAAA,oBAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/dist/esm/{index-2a9d68c3.esm.js → index-390fab14.esm.js}

@@ -1,6 +1,6 @@
 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-8488ee8e.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-13b889b9.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -20,4 +20,4 @@ function DependencyOfComponentsCard(props) {
 }
 
 export { DependencyOfComponentsCard };
-//# sourceMappingURL=index-2a9d68c3.esm.js.map
+//# sourceMappingURL=index-390fab14.esm.js.map

package/dist/esm/{index-2a9d68c3.esm.js.map → index-390fab14.esm.js.map}

@@ -1 +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;;;;"}
+{"version":3,"file":"index-390fab14.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":";;;;;;;AA+BO,SAAA,0BAAA,CACL,KACA,EAAA;AACA,EAAA,MAAM,EAAE,OAAA,GAAU,UAAY,EAAA,KAAA,GAAQ,0BAA+B,EAAA,GAAA,KAAA,CAAA;AACrE,EAAA,2CACG,mBAAD,EAAA;AAAA,IACE,OAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAW,EAAA,WAAA;AAAA,IACX,YAAc,EAAA,sBAAA;AAAA,IACd,OAAS,EAAA,sBAAA;AAAA,IACT,YAAa,EAAA,wCAAA;AAAA,IACb,aAAe,EAAA,uBAAA;AAAA,IACf,oBAAsB,EAAA,mBAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import { RELATION_HAS_PART } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, c as componentEntityColumns, e as asComponentEntities } from './presets-8488ee8e.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, e as asComponentEntities } from './presets-13b889b9.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -20,4 +20,4 @@ function HasSubcomponentsCard(props) {
 }
 
 export { HasSubcomponentsCard };
-//# sourceMappingURL=index-69fcf315.esm.js.map
+//# sourceMappingURL=index-41ab53b6.esm.js.map

package/dist/esm/{index-69fcf315.esm.js.map → index-41ab53b6.esm.js.map}

@@ -1 +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;;;;"}
+{"version":3,"file":"index-41ab53b6.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":";;;;;;;AA6BO,SAAA,oBAAA,CAA8B,KAAkC,EAAA;AACrE,EAAM,MAAA,EAAE,UAAU,UAAe,EAAA,GAAA,KAAA,CAAA;AACjC,EAAA,2CACG,mBAAD,EAAA;AAAA,IACE,OAAA;AAAA,IACA,KAAM,EAAA,mBAAA;AAAA,IACN,UAAW,EAAA,WAAA;AAAA,IACX,YAAc,EAAA,iBAAA;AAAA,IACd,OAAS,EAAA,sBAAA;AAAA,IACT,oBAAsB,EAAA,mBAAA;AAAA,IACtB,YAAa,EAAA,2CAAA;AAAA,IACb,aAAc,EAAA,mGAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/dist/esm/{index-7e69bc27.esm.js → index-4e6adb42.esm.js}

@@ -31,4 +31,4 @@ function CatalogEntityPage() {
 }
 
 export { CatalogEntityPage };
-//# sourceMappingURL=index-7e69bc27.esm.js.map
+//# sourceMappingURL=index-4e6adb42.esm.js.map

package/dist/esm/{index-7e69bc27.esm.js.map → index-4e6adb42.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-7e69bc27.esm.js","sources":["../../src/components/CatalogEntityPage/useEntityFromUrl.ts","../../src/components/CatalogEntityPage/CatalogEntityPage.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 {\n  errorApiRef,\n  useApi,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  EntityLoadingStatus,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect } from 'react';\nimport { useNavigate } from 'react-router';\nimport useAsyncRetry from 'react-use/lib/useAsyncRetry';\n\nexport const useEntityFromUrl = (): EntityLoadingStatus => {\n  const { kind, namespace, name } = useRouteRefParams(entityRouteRef);\n  const navigate = useNavigate();\n  const errorApi = useApi(errorApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entity,\n    error,\n    loading,\n    retry: refresh,\n  } = useAsyncRetry(\n    () => catalogApi.getEntityByRef({ kind, namespace, name }),\n    [catalogApi, kind, namespace, name],\n  );\n\n  useEffect(() => {\n    if (!name) {\n      errorApi.post(new Error('No name provided!'));\n      navigate('/');\n    }\n  }, [errorApi, navigate, error, loading, entity, name]);\n\n  return { entity, loading, error, refresh };\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 React from 'react';\nimport { Outlet } from 'react-router';\nimport { AsyncEntityProvider } from '@backstage/plugin-catalog-react';\nimport { useEntityFromUrl } from './useEntityFromUrl';\n\n/** @public */\nexport function CatalogEntityPage() {\n  return (\n    <AsyncEntityProvider {...useEntityFromUrl()}>\n      <Outlet />\n    </AsyncEntityProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;MA8Ba,mBAAmB,MAA2B;AACzD,QAAM,EAAE,MAAM,WAAW,SAAS,kBAAkB;AACpD,QAAM,WAAW;AACjB,QAAM,WAAW,OAAO;AACxB,QAAM,aAAa,OAAO;AAE1B,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL,cACF,MAAM,WAAW,eAAe,EAAE,MAAM,WAAW,SACnD,CAAC,YAAY,MAAM,WAAW;AAGhC,YAAU,MAAM;AACd,QAAI,CAAC,MAAM;AACT,eAAS,KAAK,IAAI,MAAM;AACxB,eAAS;AAAA;AAAA,KAEV,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ;AAEhD,SAAO,EAAE,QAAQ,SAAS,OAAO;AAAA;;6BC/BC;AAClC,6CACG,qBAAD;AAAA,OAAyB;AAAA,yCACtB,QAAD;AAAA;;;;"}
+{"version":3,"file":"index-4e6adb42.esm.js","sources":["../../src/components/CatalogEntityPage/useEntityFromUrl.ts","../../src/components/CatalogEntityPage/CatalogEntityPage.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 {\n  errorApiRef,\n  useApi,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  EntityLoadingStatus,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect } from 'react';\nimport { useNavigate } from 'react-router';\nimport useAsyncRetry from 'react-use/lib/useAsyncRetry';\n\nexport const useEntityFromUrl = (): EntityLoadingStatus => {\n  const { kind, namespace, name } = useRouteRefParams(entityRouteRef);\n  const navigate = useNavigate();\n  const errorApi = useApi(errorApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entity,\n    error,\n    loading,\n    retry: refresh,\n  } = useAsyncRetry(\n    () => catalogApi.getEntityByRef({ kind, namespace, name }),\n    [catalogApi, kind, namespace, name],\n  );\n\n  useEffect(() => {\n    if (!name) {\n      errorApi.post(new Error('No name provided!'));\n      navigate('/');\n    }\n  }, [errorApi, navigate, error, loading, entity, name]);\n\n  return { entity, loading, error, refresh };\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 React from 'react';\nimport { Outlet } from 'react-router';\nimport { AsyncEntityProvider } from '@backstage/plugin-catalog-react';\nimport { useEntityFromUrl } from './useEntityFromUrl';\n\n/** @public */\nexport function CatalogEntityPage() {\n  return (\n    <AsyncEntityProvider {...useEntityFromUrl()}>\n      <Outlet />\n    </AsyncEntityProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA8BO,MAAM,mBAAmB,MAA2B;AACzD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,IAAA,EAAA,GAAS,iBAAkB,CAAA,cAAA,CAAA,CAAA;AACpD,EAAA,MAAM,QAAW,GAAA,WAAA,EAAA,CAAA;AACjB,EAAA,MAAM,WAAW,MAAO,CAAA,WAAA,CAAA,CAAA;AACxB,EAAA,MAAM,aAAa,MAAO,CAAA,aAAA,CAAA,CAAA;AAE1B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAO,EAAA,OAAA;AAAA,GACL,GAAA,aAAA,CACF,MAAM,UAAA,CAAW,cAAe,CAAA,EAAE,IAAM,EAAA,SAAA,EAAW,IACnD,EAAA,CAAA,EAAA,CAAC,UAAY,EAAA,IAAA,EAAM,SAAW,EAAA,IAAA,CAAA,CAAA,CAAA;AAGhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAS,QAAA,CAAA,IAAA,CAAK,IAAI,KAAM,CAAA,mBAAA,CAAA,CAAA,CAAA;AACxB,MAAS,QAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAEV,CAAC,QAAA,EAAU,QAAU,EAAA,KAAA,EAAO,SAAS,MAAQ,EAAA,IAAA,CAAA,CAAA,CAAA;AAEhD,EAAO,OAAA,EAAE,MAAQ,EAAA,OAAA,EAAS,KAAO,EAAA,OAAA,EAAA,CAAA;AAAA,CAAA;;AC/BC,SAAA,iBAAA,GAAA;AAClC,EAAA,2CACG,mBAAD,EAAA;AAAA,IAAyB,GAAA,gBAAA,EAAA;AAAA,GAAA,sCACtB,MAAD,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/dist/esm/{index-be138931.esm.js → index-66fdb6ad.esm.js}

@@ -1,6 +1,6 @@
 import { RELATION_DEPENDS_ON } from '@backstage/catalog-model';
 import React from 'react';
-import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-8488ee8e.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-13b889b9.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -20,4 +20,4 @@ function DependsOnComponentsCard(props) {
 }
 
 export { DependsOnComponentsCard };
-//# sourceMappingURL=index-be138931.esm.js.map
+//# sourceMappingURL=index-66fdb6ad.esm.js.map

package/dist/esm/{index-be138931.esm.js.map → index-66fdb6ad.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-be138931.esm.js","sources":["../../src/components/DependsOnComponentsCard/DependsOnComponentsCard.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  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface DependsOnComponentsCardProps {\n  variant?: 'gridItem';\n  title?: string;\n}\n\nexport function DependsOnComponentsCard(props: DependsOnComponentsCardProps) {\n  const { variant = 'gridItem', title = 'Depends on components' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Component\"\n      relationType={RELATION_DEPENDS_ON}\n      columns={componentEntityColumns}\n      emptyMessage=\"No component is a dependency of this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asComponentEntities}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;iCA+BwC,OAAqC;AAC3E,QAAM,EAAE,UAAU,YAAY,QAAQ,4BAA4B;AAClE,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;;;;"}
+{"version":3,"file":"index-66fdb6ad.esm.js","sources":["../../src/components/DependsOnComponentsCard/DependsOnComponentsCard.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  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface DependsOnComponentsCardProps {\n  variant?: 'gridItem';\n  title?: string;\n}\n\nexport function DependsOnComponentsCard(props: DependsOnComponentsCardProps) {\n  const { variant = 'gridItem', title = 'Depends on components' } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Component\"\n      relationType={RELATION_DEPENDS_ON}\n      columns={componentEntityColumns}\n      emptyMessage=\"No component is a dependency of this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asComponentEntities}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA+BO,SAAA,uBAAA,CAAiC,KAAqC,EAAA;AAC3E,EAAA,MAAM,EAAE,OAAA,GAAU,UAAY,EAAA,KAAA,GAAQ,uBAA4B,EAAA,GAAA,KAAA,CAAA;AAClE,EAAA,2CACG,mBAAD,EAAA;AAAA,IACE,OAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAW,EAAA,WAAA;AAAA,IACX,YAAc,EAAA,mBAAA;AAAA,IACd,OAAS,EAAA,sBAAA;AAAA,IACT,YAAa,EAAA,gDAAA;AAAA,IACb,aAAe,EAAA,uBAAA;AAAA,IACf,oBAAsB,EAAA,mBAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/dist/esm/{index-1f9336e4.esm.js → index-74617ebb.esm.js}

@@ -2,14 +2,14 @@ import ObservableImpl from 'zen-observable';
 import { stringifyEntityRef, RELATION_PART_OF, RELATION_OWNED_BY, ANNOTATION_EDIT_URL, DEFAULT_NAMESPACE, ANNOTATION_LOCATION, ANNOTATION_VIEW_URL } from '@backstage/catalog-model';
 import { isArray, isString, capitalize as capitalize$1 } from 'lodash';
 import { Link, HeaderIconLinkRow, OverflowTooltip, WarningPanel, CodeSnippet, Table, Page, Header, Progress, RoutedTabs, Content, HeaderLabel, ResponseErrorPanel } from '@backstage/core-components';
-import { createExternalRouteRef, createRouteRef, useElementFilter, useApi, alertApiRef, useRouteRef, attachComponentData, useApiHolder, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, storageApiRef, createRoutableExtension, createComponentExtension } from '@backstage/core-plugin-api';
+import { createExternalRouteRef, createRouteRef, useElementFilter, useApi, alertApiRef, useRouteRef, attachComponentData, useRouteRefParams, useApiHolder, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, storageApiRef, createRoutableExtension, createComponentExtension } from '@backstage/core-plugin-api';
 import { scmIntegrationsApiRef, ScmIntegrationIcon } from '@backstage/integration-react';
-import { getEntityRelations, EntityRefLinks, useEntity, catalogApiRef, getEntitySourceLocation, useEntityList, EntityKindFilter, humanizeEntityRef, EntityRefLink, useStarredEntities, useEntityPermission, useEntityCompoundName, useAsyncEntity, UnregisterEntityDialog, InspectEntityDialog, FavoriteEntity, starredEntitiesApiRef, entityRouteRef } from '@backstage/plugin-catalog-react';
-import { makeStyles, Typography, Grid, Chip, Card, CardHeader, IconButton, Divider, CardContent, createStyles, capitalize, Select, InputBase, MenuItem, ListItem, ListItemText, Box, ListItemIcon, Popover, MenuList, Dialog, DialogTitle, DialogActions, Button, useMediaQuery, useTheme, Drawer } from '@material-ui/core';
+import { getEntityRelations, EntityRefLinks, useEntity, catalogApiRef, getEntitySourceLocation, useEntityList, EntityKindFilter, humanizeEntityRef, EntityRefLink, useStarredEntities, useEntityPermission, entityRouteRef, useAsyncEntity, UnregisterEntityDialog, InspectEntityDialog, FavoriteEntity, CatalogFilterLayout, starredEntitiesApiRef } from '@backstage/plugin-catalog-react';
+import { makeStyles, Typography, Grid, Chip, Card, CardHeader, IconButton, Divider, CardContent, createStyles, capitalize, Select, InputBase, MenuItem, ListItem, ListItemText, Box, ListItemIcon, Popover, MenuList, Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';
 import CachedIcon from '@material-ui/icons/Cached';
 import DocsIcon from '@material-ui/icons/Description';
 import EditIcon from '@material-ui/icons/Edit';
-import React, { useCallback, useState, useEffect, useMemo } from 'react';
+import React, { useCallback, useMemo, useState, useEffect } from 'react';
 import useAsync from 'react-use/lib/useAsync';
 import OpenInNew from '@material-ui/icons/OpenInNew';
 import StarBorder from '@material-ui/icons/StarBorder';
@@ -23,7 +23,6 @@ import MoreVert from '@material-ui/icons/MoreVert';
 import { catalogEntityDeletePermission } from '@backstage/plugin-catalog-common';
 import { assertError } from '@backstage/errors';
 import { ENTITY_STATUS_CATALOG_PROCESSING_TYPE, CatalogClient } from '@backstage/catalog-client';
-import FilterListIcon from '@material-ui/icons/FilterList';
 
 async function performMigrationToTheNewBucket({
   storageApi
@@ -308,7 +307,7 @@ const useStyles$2 = makeStyles((theme) => createStyles({
 }));
 function CatalogKindHeader(props) {
   var _a;
-  const { initialFilter = "component" } = props;
+  const { initialFilter = "component", allowedKinds } = props;
   const classes = useStyles$2();
   const catalogApi = useApi(catalogApiRef);
   const { value: allKinds } = useAsync(async () => {
@@ -317,14 +316,27 @@ function CatalogKindHeader(props) {
       return ((_a2 = response.facets.kind) == null ? void 0 : _a2.map((f) => f.value).sort()) || [];
     });
   });
-  const { updateFilters, queryParameters } = useEntityList();
-  const [selectedKind, setSelectedKind] = useState(((_a = [queryParameters.kind].flat()[0]) != null ? _a : initialFilter).toLocaleLowerCase("en-US"));
+  const {
+    updateFilters,
+    queryParameters: { kind: kindParameter }
+  } = useEntityList();
+  const queryParamKind = useMemo(() => {
+    var _a2;
+    return (_a2 = [kindParameter].flat()[0]) == null ? void 0 : _a2.toLocaleLowerCase("en-US");
+  }, [kindParameter]);
+  const [selectedKind, setSelectedKind] = useState(queryParamKind != null ? queryParamKind : initialFilter);
   useEffect(() => {
     updateFilters({
       kind: selectedKind ? new EntityKindFilter(selectedKind) : void 0
     });
   }, [selectedKind, updateFilters]);
-  const options = [capitalize(selectedKind)].concat(allKinds != null ? allKinds : []).sort().reduce((acc, kind) => {
+  useEffect(() => {
+    if (queryParamKind) {
+      setSelectedKind(queryParamKind);
+    }
+  }, [queryParamKind]);
+  const availableKinds = [capitalize(selectedKind)].concat((_a = allKinds == null ? void 0 : allKinds.filter((k) => allowedKinds ? allowedKinds.some((a) => a.toLocaleLowerCase("en-US") === k.toLocaleLowerCase("en-US")) : true)) != null ? _a : []);
+  const options = availableKinds.sort().reduce((acc, kind) => {
     acc[kind.toLocaleLowerCase("en-US")] = kind;
     return acc;
   }, {});
@@ -374,7 +386,6 @@ function CatalogSearchResultListItem(props) {
     component: "li"
   }));
 }
-const CatalogResultListItem = CatalogSearchResultListItem;
 
 const columnFactories = Object.freeze({
   createNameColumn(options) {
@@ -719,7 +730,7 @@ const EntityLayout = (props) => {
     UNSTABLE_contextMenuOptions,
     children
   } = props;
-  const { kind, namespace, name } = useEntityCompoundName();
+  const { kind, namespace, name } = useRouteRefParams(entityRouteRef);
   const { entity, loading, error } = useAsyncEntity();
   const location = useLocation();
   const routes = useElementFilter(children, (elements) => elements.selectByComponentData({
@@ -902,24 +913,32 @@ const EntitySwitchCaseComponent = (_props) => null;
 attachComponentData(EntitySwitchCaseComponent, ENTITY_SWITCH_KEY, true);
 const EntitySwitch = (props) => {
   var _a, _b;
-  const { entity } = useAsyncEntity();
+  const { entity, loading } = useAsyncEntity();
   const apis = useApiHolder();
   const results = useElementFilter(props.children, (collection) => collection.selectByComponentData({
     key: ENTITY_SWITCH_KEY,
     withStrictError: "Child of EntitySwitch is not an EntitySwitch.Case"
   }).getElements().flatMap((element) => {
     var _a2;
-    if (!entity) {
+    if (loading) {
       return [];
     }
     const { if: condition, children: elementsChildren } = element.props;
+    if (!entity) {
+      return [
+        {
+          if: condition === void 0,
+          children: elementsChildren
+        }
+      ];
+    }
     return [
       {
         if: (_a2 = condition == null ? void 0 : condition(entity, { apis })) != null ? _a2 : true,
         children: elementsChildren
       }
     ];
-  }), [apis, entity]);
+  }), [apis, entity, loading]);
   const hasAsyncCases = results.some((r) => typeof r.if === "object" && "then" in r.if);
   if (hasAsyncCases) {
     return /* @__PURE__ */ React.createElement(AsyncEntitySwitch, {
@@ -971,47 +990,9 @@ function isNamespace(namespace) {
   };
 }
 
-function FilteredEntityLayout(props) {
-  return /* @__PURE__ */ React.createElement(Grid, {
-    container: true,
-    style: { position: "relative" }
-  }, props.children);
-}
-
-function FilterContainer(props) {
-  const isMidSizeScreen = useMediaQuery((theme2) => theme2.breakpoints.down("md"));
-  const theme = useTheme();
-  const [filterDrawerOpen, setFilterDrawerOpen] = useState(false);
-  return isMidSizeScreen ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
-    style: { marginTop: theme.spacing(1), marginLeft: theme.spacing(1) },
-    onClick: () => setFilterDrawerOpen(true),
-    startIcon: /* @__PURE__ */ React.createElement(FilterListIcon, null)
-  }, "Filters"), /* @__PURE__ */ React.createElement(Drawer, {
-    open: filterDrawerOpen,
-    onClose: () => setFilterDrawerOpen(false),
-    anchor: "left",
-    disableAutoFocus: true,
-    keepMounted: true,
-    variant: "temporary"
-  }, /* @__PURE__ */ React.createElement(Box, {
-    m: 2
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "h6",
-    component: "h2",
-    style: { marginBottom: theme.spacing(1) }
-  }, "Filters"), props.children))) : /* @__PURE__ */ React.createElement(Grid, {
-    item: true,
-    lg: 2
-  }, props.children);
-}
-
-function EntityListContainer(props) {
-  return /* @__PURE__ */ React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    lg: 10
-  }, props.children);
-}
+const FilteredEntityLayout = CatalogFilterLayout;
+const FilterContainer = CatalogFilterLayout.Filters;
+const EntityListContainer = CatalogFilterLayout.Content;
 
 const catalogPlugin = createPlugin({
   id: "catalog",
@@ -1041,74 +1022,74 @@ const catalogPlugin = createPlugin({
 });
 const CatalogIndexPage = catalogPlugin.provide(createRoutableExtension({
   name: "CatalogIndexPage",
-  component: () => import('./index-61fe5994.esm.js').then((m) => m.CatalogPage),
+  component: () => import('./index-0f8f348d.esm.js').then((m) => m.CatalogPage),
   mountPoint: rootRouteRef
 }));
 const CatalogEntityPage = catalogPlugin.provide(createRoutableExtension({
   name: "CatalogEntityPage",
-  component: () => import('./index-7e69bc27.esm.js').then((m) => m.CatalogEntityPage),
+  component: () => import('./index-4e6adb42.esm.js').then((m) => m.CatalogEntityPage),
   mountPoint: entityRouteRef
 }));
 const EntityAboutCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityAboutCard",
   component: {
-    lazy: () => import('./index-3cf25427.esm.js').then((m) => m.AboutCard)
+    lazy: () => import('./index-fd09677a.esm.js').then((m) => m.AboutCard)
   }
 }));
 const EntityLinksCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityLinksCard",
   component: {
-    lazy: () => import('./index-52271589.esm.js').then((m) => m.EntityLinksCard)
+    lazy: () => import('./index-896aeac9.esm.js').then((m) => m.EntityLinksCard)
   }
 }));
 const EntityHasSystemsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasSystemsCard",
   component: {
-    lazy: () => import('./index-bb5ef8ab.esm.js').then((m) => m.HasSystemsCard)
+    lazy: () => import('./index-3763491b.esm.js').then((m) => m.HasSystemsCard)
   }
 }));
 const EntityHasComponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasComponentsCard",
   component: {
-    lazy: () => import('./index-14286170.esm.js').then((m) => m.HasComponentsCard)
+    lazy: () => import('./index-acb3cf04.esm.js').then((m) => m.HasComponentsCard)
   }
 }));
 const EntityHasSubcomponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasSubcomponentsCard",
   component: {
-    lazy: () => import('./index-69fcf315.esm.js').then((m) => m.HasSubcomponentsCard)
+    lazy: () => import('./index-41ab53b6.esm.js').then((m) => m.HasSubcomponentsCard)
   }
 }));
 const EntityHasResourcesCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityHasResourcesCard",
   component: {
-    lazy: () => import('./index-df3c8250.esm.js').then((m) => m.HasResourcesCard)
+    lazy: () => import('./index-b3ad464b.esm.js').then((m) => m.HasResourcesCard)
   }
 }));
 const EntityDependsOnComponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityDependsOnComponentsCard",
   component: {
-    lazy: () => import('./index-be138931.esm.js').then((m) => m.DependsOnComponentsCard)
+    lazy: () => import('./index-66fdb6ad.esm.js').then((m) => m.DependsOnComponentsCard)
   }
 }));
 const EntityDependencyOfComponentsCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityDependencyOfComponentsCard",
   component: {
-    lazy: () => import('./index-2a9d68c3.esm.js').then((m) => m.DependencyOfComponentsCard)
+    lazy: () => import('./index-390fab14.esm.js').then((m) => m.DependencyOfComponentsCard)
   }
 }));
 const EntityDependsOnResourcesCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityDependsOnResourcesCard",
   component: {
-    lazy: () => import('./index-583e6f94.esm.js').then((m) => m.DependsOnResourcesCard)
+    lazy: () => import('./index-d41abbff.esm.js').then((m) => m.DependsOnResourcesCard)
   }
 }));
 const RelatedEntitiesCard = catalogPlugin.provide(createComponentExtension({
   name: "RelatedEntitiesCard",
   component: {
-    lazy: () => import('./index-172990ed.esm.js').then((m) => m.RelatedEntitiesCard)
+    lazy: () => import('./index-c2914273.esm.js').then((m) => m.RelatedEntitiesCard)
   }
 }));
 
-export { AboutCard as A, isNamespace as B, CatalogKindHeader as C, DefaultStarredEntitiesApi as D, EntityListContainer as E, FilteredEntityLayout as F, isComponentType as G, RelatedEntitiesCard as R, FilterContainer as a, CatalogTable as b, createComponentRouteRef as c, AboutContent as d, AboutField as e, CatalogEntityPage as f, CatalogIndexPage as g, catalogPlugin as h, EntityAboutCard as i, EntityDependencyOfComponentsCard as j, EntityDependsOnComponentsCard as k, EntityDependsOnResourcesCard as l, EntityHasComponentsCard as m, EntityHasResourcesCard as n, EntityHasSubcomponentsCard as o, EntityHasSystemsCard as p, EntityLinksCard as q, CatalogSearchResultListItem as r, CatalogResultListItem as s, EntityLayout as t, EntityOrphanWarning as u, isOrphan as v, EntityProcessingErrorsPanel as w, hasCatalogProcessingErrors as x, EntitySwitch as y, isKind as z };
-//# sourceMappingURL=index-1f9336e4.esm.js.map
+export { AboutCard as A, EntityListContainer as B, CatalogKindHeader as C, DefaultStarredEntitiesApi as D, EntityAboutCard as E, FilteredEntityLayout as F, RelatedEntitiesCard as R, CatalogTable as a, AboutContent as b, createComponentRouteRef as c, AboutField as d, CatalogEntityPage as e, CatalogIndexPage as f, catalogPlugin as g, EntityDependencyOfComponentsCard as h, EntityDependsOnComponentsCard as i, EntityDependsOnResourcesCard as j, EntityHasComponentsCard as k, EntityHasResourcesCard as l, EntityHasSubcomponentsCard as m, EntityHasSystemsCard as n, EntityLinksCard as o, CatalogSearchResultListItem as p, EntityLayout as q, EntityOrphanWarning as r, isOrphan as s, EntityProcessingErrorsPanel as t, hasCatalogProcessingErrors as u, EntitySwitch as v, isKind as w, isNamespace as x, isComponentType as y, FilterContainer as z };
+//# sourceMappingURL=index-74617ebb.esm.js.map