@backstage/plugin-catalog 1.4.0-next.3 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,93 @@
 # @backstage/plugin-catalog
 
+## 1.4.0
+
+### Minor Changes
+
+- 97c46f2359: Add `spec.targets` (or `spec.target`) for Location entities at the `CatalogTable`.
+- cf288221d1: Add `Location` target(s) to `AboutCard`.
+- a274fe38b9: Add hidden title column to catalog and API table to enable filtering by title.
+
+### Patch Changes
+
+- dcaf1cb418: Previously, the color of the Entity Context Menu (in the Entity Page Header) was hardcoded as `white`.
+
+  This was an issue for themes that use a header with a white background. By default, the color of the icon is now `theme.page.fontColor`.
+
+  It can now also be overridden in the theme, which is only necessary if the header title, subtitle and three-dots icon need to have different colors. For example:
+
+  ```typescript
+  export function createThemeOverrides(theme: BackstageTheme): Overrides {
+    return {
+      PluginCatalogEntityContextMenu: {
+        button: {
+          color: 'blue',
+        },
+      },
+      ...
+    },
+    ...
+    }
+  ```
+
+- f1dcc6f3c6: Use entity type predicates from catalog-model
+- 258057a4b9: Adding ability to customize the "unregister entity" menu item in the entity context menu on the entity page with options 'visible','hidden','disabled'.With this three new options, one can hide the "unregister entity" menu item from the list, disable or keep it enabled.
+
+  The boolean input for "unregister entity" will be deprecated later in favour of the above three options.
+
+- 385389d23c: Updated to remove usage of the `bursts` object in the theme palette
+- be26d95141: Added new `EntityProcessingStatusPicker` that will filter for entities with orphans and/or errors.
+
+  If you are using the default Catalog page this picker will be added automatically. For those who have customized their Catalog page you'll need to add this manually by doing something like this:
+
+  ```diff
+  ...
+  import {
+    CatalogFilterLayout,
+    EntityTypePicker,
+    UserListPicker,
+    EntityTagPicker
+  + EntityProcessingStatusPicker,
+  } from '@backstage/plugin-catalog-react';
+  ...
+  export const CustomCatalogPage = ({
+    columns,
+    actions,
+    initiallySelectedFilter = 'owned',
+  }: CatalogPageProps) => {
+    return (
+      ...
+          <EntityListProvider>
+            <CatalogFilterLayout>
+              <CatalogFilterLayout.Filters>
+                <EntityKindPicker initialFilter="component" hidden />
+                <EntityTypePicker />
+                <UserListPicker initialFilter={initiallySelectedFilter} />
+                <EntityTagPicker />
+  +             <EntityProcessingStatusPicker />
+              <CatalogFilterLayout.Filters>
+              <CatalogFilterLayout.Content>
+                <CatalogTable columns={columns} actions={actions} />
+              </CatalogFilterLayout.Content>
+            </CatalogFilterLayout>
+          </EntityListProvider>
+      ...
+  };
+  ```
+
+- Updated dependencies
+  - @backstage/core-components@0.10.0
+  - @backstage/catalog-model@1.1.0
+  - @backstage/plugin-search-react@1.0.0
+  - @backstage/plugin-search-common@1.0.0
+  - @backstage/core-plugin-api@1.0.4
+  - @backstage/catalog-client@1.0.4
+  - @backstage/integration-react@1.1.2
+  - @backstage/plugin-catalog-react@1.1.2
+  - @backstage/theme@0.2.16
+  - @backstage/errors@1.1.0
+  - @backstage/plugin-catalog-common@1.0.4
+
 ## 1.4.0-next.3
 
 ### Patch Changes

package/dist/esm/{index-2f1bf904.esm.js → index-10cb0abb.esm.js}

@@ -1,4 +1,4 @@
-export { A as AboutCard, b as AboutContent, d as AboutField } from './index-ccd8b12d.esm.js';
+export { A as AboutCard, b as AboutContent, d as AboutField } from './index-b0b0b077.esm.js';
 import 'zen-observable';
 import '@backstage/catalog-model';
 import 'lodash';
@@ -11,6 +11,7 @@ import '@material-ui/icons/Cached';
 import '@material-ui/icons/Description';
 import '@material-ui/icons/Edit';
 import 'react';
+import '@material-ui/icons/Language';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-search-react';
 import '@material-ui/icons/OpenInNew';
@@ -25,4 +26,4 @@ import '@backstage/plugin-catalog-common';
 import '@material-ui/icons/Cancel';
 import '@backstage/errors';
 import '@backstage/catalog-client';
-//# sourceMappingURL=index-2f1bf904.esm.js.map
+//# sourceMappingURL=index-10cb0abb.esm.js.map

package/dist/esm/index-10cb0abb.esm.js.map

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

package/dist/esm/{index-83d1e853.esm.js → index-1a954f75.esm.js}

@@ -3,7 +3,7 @@ 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, CatalogFilterLayout, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker, EntityProcessingStatusPicker } from '@backstage/plugin-catalog-react';
-import { c as createComponentRouteRef, C as CatalogKindHeader, a as CatalogTable } from './index-ccd8b12d.esm.js';
+import { c as createComponentRouteRef, C as CatalogKindHeader, a as CatalogTable } from './index-b0b0b077.esm.js';
 import 'zen-observable';
 import '@backstage/catalog-model';
 import 'lodash';
@@ -12,6 +12,7 @@ import '@material-ui/core';
 import '@material-ui/icons/Cached';
 import '@material-ui/icons/Description';
 import '@material-ui/icons/Edit';
+import '@material-ui/icons/Language';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-search-react';
 import '@material-ui/icons/OpenInNew';
@@ -64,4 +65,4 @@ function CatalogPage(props) {
 }
 
 export { CatalogPage, DefaultCatalogPage };
-//# sourceMappingURL=index-83d1e853.esm.js.map
+//# sourceMappingURL=index-1a954f75.esm.js.map

package/dist/esm/{index-83d1e853.esm.js.map → index-1a954f75.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-83d1e853.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  EntityProcessingStatusPicker,\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  initialKind?: string;\n  tableOptions?: TableProps<CatalogTableRow>['options'];\n}\n\nexport function DefaultCatalogPage(props: DefaultCatalogPageProps) {\n  const {\n    columns,\n    actions,\n    initiallySelectedFilter = 'owned',\n    initialKind = 'component',\n    tableOptions = {},\n  } = 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\n            titleComponent={<CatalogKindHeader initialFilter={initialKind} />}\n          >\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              <EntityProcessingStatusPicker />\n            </CatalogFilterLayout.Filters>\n            <CatalogFilterLayout.Content>\n              <CatalogTable\n                columns={columns}\n                actions={actions}\n                tableOptions={tableOptions}\n              />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,SAAS,kBAAkB,CAAC,KAAK,EAAE;AAC1C,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM;AACR,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,uBAAuB,GAAG,OAAO;AACrC,IAAI,WAAW,GAAG,WAAW;AAC7B,IAAI,YAAY,GAAG,EAAE;AACrB,GAAG,GAAG,KAAK,CAAC;AACZ,EAAE,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,WAAW,CAAC;AAChH,EAAE,MAAM,mBAAmB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AACnE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE;AAC7D,IAAI,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACzK,IAAI,cAAc,kBAAkB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAC3E,MAAM,aAAa,EAAE,WAAW;AAChC,KAAK,CAAC;AACN,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;AACvD,IAAI,KAAK,EAAE,kBAAkB;AAC7B,IAAI,EAAE,EAAE,mBAAmB,IAAI,mBAAmB,EAAE;AACpD,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,EAAE,oCAAoC,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE;AAC9V,IAAI,aAAa,EAAE,uBAAuB;AAC1C,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;AACrY,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACV;;AC7CO,SAAS,WAAW,CAAC,KAAK,EAAE;AACnC,EAAE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;AAC7B,EAAE,OAAO,MAAM,oBAAoB,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE;AAC3E,IAAI,GAAG,KAAK;AACZ,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"index-1a954f75.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  EntityProcessingStatusPicker,\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  initialKind?: string;\n  tableOptions?: TableProps<CatalogTableRow>['options'];\n}\n\nexport function DefaultCatalogPage(props: DefaultCatalogPageProps) {\n  const {\n    columns,\n    actions,\n    initiallySelectedFilter = 'owned',\n    initialKind = 'component',\n    tableOptions = {},\n  } = 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\n            titleComponent={<CatalogKindHeader initialFilter={initialKind} />}\n          >\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              <EntityProcessingStatusPicker />\n            </CatalogFilterLayout.Filters>\n            <CatalogFilterLayout.Content>\n              <CatalogTable\n                columns={columns}\n                actions={actions}\n                tableOptions={tableOptions}\n              />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,SAAS,kBAAkB,CAAC,KAAK,EAAE;AAC1C,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM;AACR,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,uBAAuB,GAAG,OAAO;AACrC,IAAI,WAAW,GAAG,WAAW;AAC7B,IAAI,YAAY,GAAG,EAAE;AACrB,GAAG,GAAG,KAAK,CAAC;AACZ,EAAE,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,WAAW,CAAC;AAChH,EAAE,MAAM,mBAAmB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AACnE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE;AAC7D,IAAI,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACzK,IAAI,cAAc,kBAAkB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAC3E,MAAM,aAAa,EAAE,WAAW;AAChC,KAAK,CAAC;AACN,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;AACvD,IAAI,KAAK,EAAE,kBAAkB;AAC7B,IAAI,EAAE,EAAE,mBAAmB,IAAI,mBAAmB,EAAE;AACpD,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,EAAE,oCAAoC,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE;AAC9V,IAAI,aAAa,EAAE,uBAAuB;AAC1C,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;AACrY,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACV;;AC7CO,SAAS,WAAW,CAAC,KAAK,EAAE;AACnC,EAAE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;AAC7B,EAAE,OAAO,MAAM,oBAAoB,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE;AAC3E,IAAI,GAAG,KAAK;AACZ,GAAG,CAAC,CAAC;AACL;;;;"}

package/dist/esm/{index-ccd8b12d.esm.js → index-b0b0b077.esm.js}

@@ -1,15 +1,16 @@
 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 { stringifyEntityRef, RELATION_PART_OF, RELATION_OWNED_BY, getEntitySourceLocation, 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, useAnalytics, 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, 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, ListItemIcon, ListItemText, Box, Popover, MenuList, Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';
+import { getEntityRelations, EntityRefLinks, useEntity, catalogApiRef, getEntitySourceLocation as getEntitySourceLocation$1, useEntityList, EntityKindFilter, EntityRefLink, humanizeEntityRef, useStarredEntities, useEntityPermission, entityRouteRef, useAsyncEntity, UnregisterEntityDialog, InspectEntityDialog, FavoriteEntity, CatalogFilterLayout, starredEntitiesApiRef } from '@backstage/plugin-catalog-react';
+import { makeStyles, Typography, Grid, Box, useMediaQuery, ImageList, ImageListItem, Chip, Card, CardHeader, IconButton, Divider, CardContent, createStyles, capitalize, Select, InputBase, MenuItem, ListItem, ListItemIcon, ListItemText, 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, useMemo, useState, useEffect } from 'react';
+import LanguageIcon from '@material-ui/icons/Language';
 import useAsync from 'react-use/lib/useAsync';
 import { HighlightedSearchResultText } from '@backstage/plugin-search-react';
 import OpenInNew from '@material-ui/icons/OpenInNew';
@@ -94,7 +95,7 @@ const rootRouteRef = createRouteRef({
   id: "catalog"
 });
 
-const useStyles$5 = makeStyles((theme) => ({
+const useStyles$6 = makeStyles((theme) => ({
   value: {
     fontWeight: "bold",
     overflow: "hidden",
@@ -113,7 +114,7 @@ const useStyles$5 = makeStyles((theme) => ({
 }));
 function AboutField(props) {
   const { label, value, gridSizes, children } = props;
-  const classes = useStyles$5();
+  const classes = useStyles$6();
   const childElements = useElementFilter(children, (c) => c.getElements());
   const content = childElements.length > 0 ? childElements : /* @__PURE__ */ React.createElement(Typography, {
     variant: "body2",
@@ -128,13 +129,93 @@ function AboutField(props) {
   }, label), content);
 }
 
+const useStyles$5 = makeStyles({
+  svgIcon: {
+    display: "inline-block",
+    "& svg": {
+      display: "inline-block",
+      fontSize: "inherit",
+      verticalAlign: "baseline"
+    }
+  }
+});
+function IconLink(props) {
+  const { href, text, Icon } = props;
+  const classes = useStyles$5();
+  return /* @__PURE__ */ React.createElement(Box, {
+    display: "flex"
+  }, /* @__PURE__ */ React.createElement(Box, {
+    mr: 1,
+    className: classes.svgIcon
+  }, /* @__PURE__ */ React.createElement(Typography, {
+    component: "div"
+  }, Icon ? /* @__PURE__ */ React.createElement(Icon, null) : /* @__PURE__ */ React.createElement(LanguageIcon, null))), /* @__PURE__ */ React.createElement(Box, {
+    flexGrow: "1"
+  }, /* @__PURE__ */ React.createElement(Link, {
+    to: href,
+    target: "_blank",
+    rel: "noopener"
+  }, text || href)));
+}
+
+const colDefaults = {
+  xs: 1,
+  sm: 1,
+  md: 1,
+  lg: 2,
+  xl: 3
+};
+function useDynamicColumns(cols) {
+  var _a, _b;
+  const matches = [
+    useMediaQuery((theme) => theme.breakpoints.up("xl")) ? "xl" : null,
+    useMediaQuery((theme) => theme.breakpoints.up("lg")) ? "lg" : null,
+    useMediaQuery((theme) => theme.breakpoints.up("md")) ? "md" : null,
+    useMediaQuery((theme) => theme.breakpoints.up("sm")) ? "sm" : null,
+    useMediaQuery((theme) => theme.breakpoints.up("xs")) ? "xs" : null
+  ];
+  let numOfCols = 1;
+  if (typeof cols === "number") {
+    numOfCols = cols;
+  } else {
+    const breakpoint = (_a = matches.find((k) => k !== null)) != null ? _a : "xs";
+    numOfCols = (_b = cols == null ? void 0 : cols[breakpoint]) != null ? _b : colDefaults[breakpoint];
+  }
+  return numOfCols;
+}
+
+function LinksGridList(props) {
+  const { items, cols = void 0 } = props;
+  const numOfCols = useDynamicColumns(cols);
+  return /* @__PURE__ */ React.createElement(ImageList, {
+    rowHeight: "auto",
+    cols: numOfCols
+  }, items.map(({ text, href, Icon }, i) => /* @__PURE__ */ React.createElement(ImageListItem, {
+    key: i
+  }, /* @__PURE__ */ React.createElement(IconLink, {
+    href,
+    text: text != null ? text : href,
+    Icon
+  }))));
+}
+
 const useStyles$4 = makeStyles({
   description: {
     wordBreak: "break-word"
   }
 });
+function getLocationTargetHref(target, type, entitySourceLocation) {
+  if (type === "url" || target.includes("://")) {
+    return target;
+  }
+  const srcLocationUrl = entitySourceLocation.type === "file" ? `file://${entitySourceLocation.target}` : entitySourceLocation.target;
+  if (type === "file" || entitySourceLocation.type === "file") {
+    return new URL(target, srcLocationUrl).href;
+  }
+  return srcLocationUrl;
+}
 function AboutContent(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { entity } = props;
   const classes = useStyles$4();
   const isSystem = entity.kind.toLocaleLowerCase("en-US") === "system";
@@ -154,6 +235,12 @@ function AboutContent(props) {
     kind: "domain"
   });
   const ownedByRelations = getEntityRelations(entity, RELATION_OWNED_BY);
+  let entitySourceLocation;
+  try {
+    entitySourceLocation = getEntitySourceLocation(entity);
+  } catch (e) {
+    entitySourceLocation = void 0;
+  }
   return /* @__PURE__ */ React.createElement(Grid, {
     container: true
   }, /* @__PURE__ */ React.createElement(AboutField, {
@@ -207,7 +294,19 @@ function AboutContent(props) {
     key: t,
     size: "small",
     label: t
-  }))));
+  }))), isLocation && (((_g = entity == null ? void 0 : entity.spec) == null ? void 0 : _g.targets) || ((_h = entity == null ? void 0 : entity.spec) == null ? void 0 : _h.target)) && /* @__PURE__ */ React.createElement(AboutField, {
+    label: "Targets",
+    gridSizes: { xs: 12 }
+  }, /* @__PURE__ */ React.createElement(LinksGridList, {
+    cols: 1,
+    items: (entity.spec.targets || [entity.spec.target]).map((target) => target).map((target) => {
+      var _a2;
+      return {
+        text: target,
+        href: getLocationTargetHref(target, ((_a2 = entity == null ? void 0 : entity.spec) == null ? void 0 : _a2.type) || "unknown", entitySourceLocation)
+      };
+    })
+  })));
 }
 
 const useStyles$3 = makeStyles({
@@ -238,7 +337,7 @@ function AboutCard(props) {
   const catalogApi = useApi(catalogApiRef);
   const alertApi = useApi(alertApiRef);
   const viewTechdocLink = useRouteRef(viewTechDocRouteRef);
-  const entitySourceLocation = getEntitySourceLocation(entity, scmIntegrationsApi);
+  const entitySourceLocation = getEntitySourceLocation$1(entity, scmIntegrationsApi);
   const entityMetadataEditUrl = (_a = entity.metadata.annotations) == null ? void 0 : _a[ANNOTATION_EDIT_URL];
   const viewInSource = {
     label: "View Source",
@@ -452,11 +551,25 @@ const columnFactories = Object.freeze({
       })
     };
   },
+  createSpecTargetsColumn() {
+    return {
+      title: "Targets",
+      field: "entity.spec.targets",
+      render: ({ entity }) => {
+        var _a, _b;
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, (((_a = entity == null ? void 0 : entity.spec) == null ? void 0 : _a.targets) || ((_b = entity == null ? void 0 : entity.spec) == null ? void 0 : _b.target)) && /* @__PURE__ */ React.createElement(OverflowTooltip, {
+          text: (entity.spec.targets || [entity.spec.target]).join(", "),
+          placement: "bottom-start"
+        }));
+      }
+    };
+  },
   createSpecTypeColumn() {
     return {
       title: "Type",
       field: "entity.spec.type",
-      hidden: true
+      hidden: true,
+      width: "auto"
     };
   },
   createSpecLifecycleColumn() {
@@ -489,7 +602,8 @@ const columnFactories = Object.freeze({
         size: "small",
         variant: "outlined",
         style: { marginBottom: "0px" }
-      })))
+      }))),
+      width: "auto"
     };
   },
   createTitleColumn(options) {
@@ -530,9 +644,13 @@ const CatalogTable = (props) => {
         case "system":
           return [columnFactories.createOwnerColumn()];
         case "group":
-        case "location":
         case "template":
           return [columnFactories.createSpecTypeColumn()];
+        case "location":
+          return [
+            columnFactories.createSpecTypeColumn(),
+            columnFactories.createSpecTargetsColumn()
+          ];
         default:
           return [
             columnFactories.createSystemColumn(),
@@ -1108,7 +1226,7 @@ const catalogPlugin = createPlugin({
 });
 const CatalogIndexPage = catalogPlugin.provide(createRoutableExtension({
   name: "CatalogIndexPage",
-  component: () => import('./index-83d1e853.esm.js').then((m) => m.CatalogPage),
+  component: () => import('./index-1a954f75.esm.js').then((m) => m.CatalogPage),
   mountPoint: rootRouteRef
 }));
 const CatalogEntityPage = catalogPlugin.provide(createRoutableExtension({
@@ -1119,13 +1237,13 @@ const CatalogEntityPage = catalogPlugin.provide(createRoutableExtension({
 const EntityAboutCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityAboutCard",
   component: {
-    lazy: () => import('./index-2f1bf904.esm.js').then((m) => m.AboutCard)
+    lazy: () => import('./index-10cb0abb.esm.js').then((m) => m.AboutCard)
   }
 }));
 const EntityLinksCard = catalogPlugin.provide(createComponentExtension({
   name: "EntityLinksCard",
   component: {
-    lazy: () => import('./index-896aeac9.esm.js').then((m) => m.EntityLinksCard)
+    lazy: () => import('./index-c6279600.esm.js').then((m) => m.EntityLinksCard)
   }
 }));
 const EntityHasSystemsCard = catalogPlugin.provide(createComponentExtension({
@@ -1177,5 +1295,5 @@ const RelatedEntitiesCard = catalogPlugin.provide(createComponentExtension({
   }
 }));
 
-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-ccd8b12d.esm.js.map
+export { AboutCard as A, EntityListContainer as B, CatalogKindHeader as C, DefaultStarredEntitiesApi as D, EntityAboutCard as E, FilteredEntityLayout as F, LinksGridList as L, 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-b0b0b077.esm.js.map