@backstage/plugin-catalog 1.8.0 → 1.9.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @backstage/plugin-catalog
 
+## 1.9.0-next.1
+
+### Minor Changes
+
+- c9a9f3c834f: Add a `columns` prop to certain components that use the `EntityTable` for easier extensibility.
+
+### Patch Changes
+
+- 7e8930ae1c6: Fix icon alignment in `CatalogSearchResultListItem`
+- cb8ec97cdeb: Change black & white colors to be theme aware
+- Updated dependencies
+  - @backstage/core-components@0.12.5-next.1
+  - @backstage/errors@1.1.5-next.0
+  - @backstage/catalog-client@1.4.0-next.1
+  - @backstage/core-plugin-api@1.4.1-next.1
+  - @backstage/integration-react@1.1.11-next.1
+  - @backstage/theme@0.2.18-next.0
+  - @backstage/plugin-catalog-react@1.4.0-next.1
+  - @backstage/catalog-model@1.2.1-next.1
+  - @backstage/types@1.0.2
+  - @backstage/plugin-catalog-common@1.0.12-next.1
+  - @backstage/plugin-search-common@1.2.2-next.0
+  - @backstage/plugin-search-react@1.5.1-next.1
+
+## 1.9.0-next.0
+
+### Minor Changes
+
+- 3f75b7607c: Add ability to pass icon as function to have ability to customize it by search item
+
+### Patch Changes
+
+- 928a12a9b3: Internal refactor of `/alpha` exports.
+- Updated dependencies
+  - @backstage/catalog-client@1.4.0-next.0
+  - @backstage/plugin-catalog-react@1.4.0-next.0
+  - @backstage/core-plugin-api@1.4.1-next.0
+  - @backstage/catalog-model@1.2.1-next.0
+  - @backstage/plugin-catalog-common@1.0.12-next.0
+  - @backstage/core-components@0.12.5-next.0
+  - @backstage/errors@1.1.4
+  - @backstage/integration-react@1.1.11-next.0
+  - @backstage/theme@0.2.17
+  - @backstage/types@1.0.2
+  - @backstage/plugin-search-common@1.2.1
+  - @backstage/plugin-search-react@1.5.1-next.0
+
 ## 1.8.0
 
 ### Minor Changes

package/dist/esm/{index-796cbb22.esm.js → index/index-1f414093.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-8f6d8412.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, e as asComponentEntities } from './presets-1d9f313a.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -23,4 +23,4 @@ function HasSubcomponentsCard(props) {
 }
 
 export { HasSubcomponentsCard };
-//# sourceMappingURL=index-796cbb22.esm.js.map
+//# sourceMappingURL=index-1f414093.esm.js.map

package/dist/esm/index/index-1f414093.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-1f414093.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 { InfoCardVariants } from '@backstage/core-components';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface HasSubcomponentsCardProps {\n  variant?: InfoCardVariants;\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":";;;;;;;AA8BO,SAAS,qBAAqB,KAAkC,EAAA;AACrE,EAAM,MAAA,EAAE,OAAU,GAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAM,EAAA,mBAAA;AAAA,MACN,UAAW,EAAA,WAAA;AAAA,MACX,YAAc,EAAA,iBAAA;AAAA,MACd,OAAS,EAAA,sBAAA;AAAA,MACT,oBAAsB,EAAA,mBAAA;AAAA,MACtB,YAAa,EAAA,2CAAA;AAAA,MACb,aAAc,EAAA,mGAAA;AAAA,KAAA;AAAA,GAChB,CAAA;AAEJ;;;;"}

package/dist/esm/{index-38d039d7.esm.js → index/index-34f5b1f5.esm.js}

@@ -3,7 +3,7 @@ import LanguageIcon from '@material-ui/icons/Language';
 import React from 'react';
 import { makeStyles, Typography, Button } from '@material-ui/core';
 import { CodeSnippet, InfoCard } from '@backstage/core-components';
-import { L as LinksGridList } from './index-2fdd24e0.esm.js';
+import { L as LinksGridList } from './index-cfd067af.esm.js';
 import { useApp } from '@backstage/core-plugin-api';
 import 'zen-observable';
 import '@backstage/catalog-model';
@@ -23,7 +23,8 @@ import 'react-router-dom';
 import '@material-ui/icons/BugReport';
 import '@material-ui/icons/MoreVert';
 import '@material-ui/icons/FileCopyTwoTone';
-import '@backstage/plugin-catalog-common';
+import '@backstage/plugin-catalog-react/alpha';
+import '@backstage/plugin-catalog-common/alpha';
 import '@material-ui/icons/Cancel';
 import '@backstage/errors';
 import '@backstage/catalog-client';
@@ -40,7 +41,7 @@ const useStyles = makeStyles(
     code: {
       borderRadius: 6,
       margin: `${theme.spacing(2)}px 0px`,
-      background: theme.palette.type === "dark" ? "#444" : "#fff"
+      background: theme.palette.type === "dark" ? "#444" : theme.palette.common.white
     }
   }),
   { name: "PluginCatalogEntityLinksEmptyState" }
@@ -92,4 +93,4 @@ const EntityLinksCard = (props) => {
 };
 
 export { EntityLinksCard };
-//# sourceMappingURL=index-38d039d7.esm.js.map
+//# sourceMappingURL=index-34f5b1f5.esm.js.map

package/dist/esm/index/index-34f5b1f5.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-34f5b1f5.esm.js","sources":["../../../src/components/EntityLinksCard/EntityLinksEmptyState.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:\n        theme.palette.type === 'dark' ? '#444' : theme.palette.common.white,\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 { 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, InfoCardVariants } from '@backstage/core-components';\n\n/** @public */\nexport interface EntityLinksCardProps {\n  cols?: ColumnBreakpoints | number;\n  variant?: InfoCardVariants;\n}\n\nexport const EntityLinksCard = (props: EntityLinksCardProps) => {\n  const { cols = undefined, variant } = props;\n  const { entity } = useEntity();\n  const app = useApp();\n\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":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,WAAc,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAA,CAAA,CAAA;AAUpB,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,CAAA;AAAA,MACd,MAAQ,EAAA,CAAA,EAAG,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA,CAAA,MAAA,CAAA;AAAA,MAC1B,UAAA,EACE,MAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,MAAS,GAAA,KAAA,CAAM,QAAQ,MAAO,CAAA,KAAA;AAAA,KAClE;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,oCAAqC,EAAA;AAC/C,CAAA,CAAA;AAEO,SAAS,qBAAwB,GAAA;AACtC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,oHAG5B,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,WAAA;AAAA,MACN,QAAS,EAAA,MAAA;AAAA,MACT,eAAe,EAAA,IAAA;AAAA,MACf,kBAAoB,EAAA,CAAC,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,MAC/B,WAAa,EAAA,EAAE,UAAY,EAAA,SAAA,EAAW,UAAU,MAAO,EAAA;AAAA,KAAA;AAAA,GAE3D,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,MAAO,EAAA,QAAA;AAAA,MACP,IAAK,EAAA,sFAAA;AAAA,KAAA;AAAA,IACN,WAAA;AAAA,GAGH,CAAA,CAAA;AAEJ;;ACxCa,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AA/BhE,EAAA,IAAA,EAAA,CAAA;AAgCE,EAAA,MAAM,EAAE,IAAA,GAAO,KAAW,CAAA,EAAA,OAAA,EAAY,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,MAAM,MAAO,EAAA,CAAA;AAEnB,EAAM,MAAA,YAAA,GAAe,CAAC,GAA6B,KAAA;AApCrD,IAAAA,IAAAA,GAAAA,CAAAA;AAqCI,IAAA,OAAA,GAAA,GAAA,CAAMA,MAAA,GAAI,CAAA,aAAA,CAAc,GAAG,CAArB,KAAA,IAAA,GAAAA,MAA0B,YAAe,GAAA,YAAA,CAAA;AAAA,GAAA,CAAA;AAEjD,EAAM,MAAA,KAAA,GAAA,CAAQ,EAAQ,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,QAAA,KAAR,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA;AAEhC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,OACrB,EAAA,EAAA,CAAC,KAAS,IAAA,KAAA,CAAM,MAAW,KAAA,CAAA,mBACzB,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,IAAsB,CAEvB,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,KAAA,EAAO,MAAM,GAAI,CAAA,CAAC,EAAE,GAAK,EAAA,KAAA,EAAO,MAAY,MAAA;AAAA,QAC1C,MAAM,KAAS,IAAA,IAAA,GAAA,KAAA,GAAA,GAAA;AAAA,QACf,IAAM,EAAA,GAAA;AAAA,QACN,IAAA,EAAM,aAAa,IAAI,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KAAA;AAAA,GAGR,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/{index-1b0bb9d9.esm.js → index/index-3e40d3a7.esm.js}

@@ -1,4 +1,4 @@
-export { E as EntityLabelsCard, h as hasLabels } from './index-2fdd24e0.esm.js';
+export { E as EntityLabelsCard, h as hasLabels } from './index-cfd067af.esm.js';
 import 'zen-observable';
 import '@backstage/catalog-model';
 import 'lodash';
@@ -23,9 +23,10 @@ import 'react-router-dom';
 import '@material-ui/icons/BugReport';
 import '@material-ui/icons/MoreVert';
 import '@material-ui/icons/FileCopyTwoTone';
-import '@backstage/plugin-catalog-common';
+import '@backstage/plugin-catalog-react/alpha';
+import '@backstage/plugin-catalog-common/alpha';
 import '@material-ui/icons/Cancel';
 import '@backstage/errors';
 import '@backstage/catalog-client';
 import '@backstage/plugin-search-react';
-//# sourceMappingURL=index-1b0bb9d9.esm.js.map
+//# sourceMappingURL=index-3e40d3a7.esm.js.map

package/dist/esm/index/index-3e40d3a7.esm.js.map

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

package/dist/esm/{index-d2f7190c.esm.js → index/index-474c17e4.esm.js}

@@ -1,20 +1,24 @@
 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-8f6d8412.esm.js';
+import { R as RelatedEntitiesCard, d as componentEntityHelpLink, f as asResourceEntities, r as resourceEntityColumns } from './presets-1d9f313a.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
 
 function DependsOnResourcesCard(props) {
-  const { variant = "gridItem" } = props;
+  const {
+    variant = "gridItem",
+    title = "Depends on resources",
+    columns = resourceEntityColumns
+  } = props;
   return /* @__PURE__ */ React.createElement(
     RelatedEntitiesCard,
     {
       variant,
-      title: "Depends on resources",
+      title,
       entityKind: "Resource",
       relationType: RELATION_DEPENDS_ON,
-      columns: resourceEntityColumns,
+      columns,
       emptyMessage: "No resource is a dependency of this component",
       emptyHelpLink: componentEntityHelpLink,
       asRenderableEntities: asResourceEntities
@@ -23,4 +27,4 @@ function DependsOnResourcesCard(props) {
 }
 
 export { DependsOnResourcesCard };
-//# sourceMappingURL=index-d2f7190c.esm.js.map
+//# sourceMappingURL=index-474c17e4.esm.js.map

package/dist/esm/index/index-474c17e4.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-474c17e4.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, ResourceEntity } from '@backstage/catalog-model';\nimport { InfoCardVariants, TableColumn } from '@backstage/core-components';\nimport React from 'react';\nimport {\n  asResourceEntities,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n  resourceEntityColumns,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface DependsOnResourcesCardProps {\n  variant?: InfoCardVariants;\n  title?: string;\n  columns?: TableColumn<ResourceEntity>[];\n}\n\nexport function DependsOnResourcesCard(props: DependsOnResourcesCardProps) {\n  const {\n    variant = 'gridItem',\n    title = 'Depends on resources',\n    columns = resourceEntityColumns,\n  } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Resource\"\n      relationType={RELATION_DEPENDS_ON}\n      columns={columns}\n      emptyMessage=\"No resource is a dependency of this component\"\n      emptyHelpLink={componentEntityHelpLink}\n      asRenderableEntities={asResourceEntities}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAiCO,SAAS,uBAAuB,KAAoC,EAAA;AACzE,EAAM,MAAA;AAAA,IACJ,OAAU,GAAA,UAAA;AAAA,IACV,KAAQ,GAAA,sBAAA;AAAA,IACR,OAAU,GAAA,qBAAA;AAAA,GACR,GAAA,KAAA,CAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAW,EAAA,UAAA;AAAA,MACX,YAAc,EAAA,mBAAA;AAAA,MACd,OAAA;AAAA,MACA,YAAa,EAAA,+CAAA;AAAA,MACb,aAAe,EAAA,uBAAA;AAAA,MACf,oBAAsB,EAAA,kBAAA;AAAA,KAAA;AAAA,GACxB,CAAA;AAEJ;;;;"}

package/dist/esm/{index-a6b7e5a0.esm.js → index/index-623874b5.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-8f6d8412.esm.js';
+import { R as RelatedEntitiesCard, s as systemEntityColumns, a as asSystemEntities, b as systemEntityHelpLink } from './presets-1d9f313a.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -23,4 +23,4 @@ function HasSystemsCard(props) {
 }
 
 export { HasSystemsCard };
-//# sourceMappingURL=index-a6b7e5a0.esm.js.map
+//# sourceMappingURL=index-623874b5.esm.js.map

package/dist/esm/index/index-623874b5.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-623874b5.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 { InfoCardVariants } from '@backstage/core-components';\nimport React from 'react';\nimport {\n  asSystemEntities,\n  RelatedEntitiesCard,\n  systemEntityColumns,\n  systemEntityHelpLink,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface HasSystemsCardProps {\n  variant?: InfoCardVariants;\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":";;;;;;;AA+BO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,OAAU,GAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAM,EAAA,aAAA;AAAA,MACN,UAAW,EAAA,QAAA;AAAA,MACX,YAAc,EAAA,iBAAA;AAAA,MACd,OAAS,EAAA,mBAAA;AAAA,MACT,oBAAsB,EAAA,gBAAA;AAAA,MACtB,YAAa,EAAA,kCAAA;AAAA,MACb,aAAe,EAAA,oBAAA;AAAA,KAAA;AAAA,GACjB,CAAA;AAEJ;;;;"}

package/dist/esm/{index-f0e32dd1.esm.js → index/index-83561c1f.esm.js}

@@ -32,4 +32,4 @@ function CatalogEntityPage() {
 }
 
 export { CatalogEntityPage };
-//# sourceMappingURL=index-f0e32dd1.esm.js.map
+//# sourceMappingURL=index-83561c1f.esm.js.map

package/dist/esm/index/index-83561c1f.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-83561c1f.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-dom';\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-dom';\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,IAAM,EAAA,SAAA,EAAW,IAAK,EAAA,GAAI,kBAAkB,cAAc,CAAA,CAAA;AAClE,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA,CAAA;AAEvC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAO,EAAA,OAAA;AAAA,GACL,GAAA,aAAA;AAAA,IACF,MAAM,UAAW,CAAA,cAAA,CAAe,EAAE,IAAM,EAAA,SAAA,EAAW,MAAM,CAAA;AAAA,IACzD,CAAC,UAAA,EAAY,IAAM,EAAA,SAAA,EAAW,IAAI,CAAA;AAAA,GACpC,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,QAAA,CAAS,IAAK,CAAA,IAAI,KAAM,CAAA,mBAAmB,CAAC,CAAA,CAAA;AAC5C,MAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,KACd;AAAA,GACF,EAAG,CAAC,QAAU,EAAA,QAAA,EAAU,OAAO,OAAS,EAAA,MAAA,EAAQ,IAAI,CAAC,CAAA,CAAA;AAErD,EAAA,OAAO,EAAE,MAAA,EAAQ,OAAS,EAAA,KAAA,EAAO,OAAQ,EAAA,CAAA;AAC3C,CAAA;;AChCO,SAAS,iBAAoB,GAAA;AAClC,EAAA,2CACG,mBAAqB,EAAA,EAAA,GAAG,kBACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAO,CACV,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/{index-14dc2ec0.esm.js → index/index-9abb6222.esm.js}

@@ -1,4 +1,4 @@
-export { A as AboutCard, a as AboutContent, b as AboutField } from './index-2fdd24e0.esm.js';
+export { A as AboutCard, a as AboutContent, b as AboutField } from './index-cfd067af.esm.js';
 import 'zen-observable';
 import '@backstage/catalog-model';
 import 'lodash';
@@ -23,9 +23,10 @@ import 'react-router-dom';
 import '@material-ui/icons/BugReport';
 import '@material-ui/icons/MoreVert';
 import '@material-ui/icons/FileCopyTwoTone';
-import '@backstage/plugin-catalog-common';
+import '@backstage/plugin-catalog-react/alpha';
+import '@backstage/plugin-catalog-common/alpha';
 import '@material-ui/icons/Cancel';
 import '@backstage/errors';
 import '@backstage/catalog-client';
 import '@backstage/plugin-search-react';
-//# sourceMappingURL=index-14dc2ec0.esm.js.map
+//# sourceMappingURL=index-9abb6222.esm.js.map

package/dist/esm/index/index-9abb6222.esm.js.map

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

package/dist/esm/{index-03d036bb.esm.js → index/index-a863427b.esm.js}

@@ -1,9 +1,10 @@
 import React from 'react';
 import { useOutlet } from 'react-router-dom';
 import { PageWithHeader, Content, ContentHeader, CreateButton, SupportButton } from '@backstage/core-components';
-import { usePluginOptions, useApi, configApiRef, useRouteRef } from '@backstage/core-plugin-api';
+import { useApi, configApiRef, useRouteRef } from '@backstage/core-plugin-api';
 import { EntityListProvider, CatalogFilterLayout, EntityKindPicker, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker, EntityProcessingStatusPicker } from '@backstage/plugin-catalog-react';
-import { c as createComponentRouteRef, C as CatalogTable } from './index-2fdd24e0.esm.js';
+import { c as createComponentRouteRef, C as CatalogTable } from './index-cfd067af.esm.js';
+import { usePluginOptions } from '@backstage/core-plugin-api/alpha';
 import 'zen-observable';
 import '@backstage/catalog-model';
 import 'lodash';
@@ -23,7 +24,8 @@ import '@material-ui/lab';
 import '@material-ui/icons/BugReport';
 import '@material-ui/icons/MoreVert';
 import '@material-ui/icons/FileCopyTwoTone';
-import '@backstage/plugin-catalog-common';
+import '@backstage/plugin-catalog-react/alpha';
+import '@backstage/plugin-catalog-common/alpha';
 import '@material-ui/icons/Cancel';
 import '@backstage/errors';
 import '@backstage/catalog-client';
@@ -67,4 +69,4 @@ function CatalogPage(props) {
 }
 
 export { CatalogPage, DefaultCatalogPage };
-//# sourceMappingURL=index-03d036bb.esm.js.map
+//# sourceMappingURL=index-a863427b.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-a863427b.esm.js","sources":["../../../src/options.ts","../../../src/components/CatalogPage/DefaultCatalogPage.tsx","../../../src/components/CatalogPage/CatalogPage.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 { usePluginOptions } from '@backstage/core-plugin-api/alpha';\n\nexport type CatalogPluginOptions = {\n  createButtonTitle: string;\n};\n\n/** @ignore */\nexport type CatalogInputPluginOptions = {\n  createButtonTitle: string;\n};\n\nexport const useCatalogPluginOptions = () =>\n  usePluginOptions<CatalogPluginOptions>();\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 {\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  EntityKindPicker,\n} from '@backstage/plugin-catalog-react';\nimport React, { ReactNode } from 'react';\nimport { createComponentRouteRef } from '../../routes';\nimport { CatalogTable, CatalogTableRow } from '../CatalogTable';\nimport { useCatalogPluginOptions } from '../../options';\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  emptyContent?: ReactNode;\n}\n\nexport function DefaultCatalogPage(props: DefaultCatalogPageProps) {\n  const {\n    columns,\n    actions,\n    initiallySelectedFilter = 'owned',\n    initialKind = 'component',\n    tableOptions = {},\n    emptyContent,\n  } = props;\n  const orgName =\n    useApi(configApiRef).getOptionalString('organization.name') ?? 'Backstage';\n  const createComponentLink = useRouteRef(createComponentRouteRef);\n\n  const { createButtonTitle } = useCatalogPluginOptions();\n\n  return (\n    <PageWithHeader title={`${orgName} Catalog`} themeId=\"home\">\n      <Content>\n        <ContentHeader title=\"\">\n          <CreateButton\n            title={createButtonTitle}\n            to={createComponentLink && createComponentLink()}\n          />\n          <SupportButton>All your software catalog entities</SupportButton>\n        </ContentHeader>\n        <EntityListProvider>\n          <CatalogFilterLayout>\n            <CatalogFilterLayout.Filters>\n              <EntityKindPicker initialFilter={initialKind} />\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                emptyContent={emptyContent}\n              />\n            </CatalogFilterLayout.Content>\n          </CatalogFilterLayout>\n        </EntityListProvider>\n      </Content>\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-dom';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Ba,MAAA,uBAAA,GAA0B,MACrC,gBAAuC,EAAA;;AC6BlC,SAAS,mBAAmB,KAAgC,EAAA;AAzDnE,EAAA,IAAA,EAAA,CAAA;AA0DE,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,OAAA;AAAA,IACA,uBAA0B,GAAA,OAAA;AAAA,IAC1B,WAAc,GAAA,WAAA;AAAA,IACd,eAAe,EAAC;AAAA,IAChB,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,WACJ,EAAO,GAAA,MAAA,CAAA,YAAY,EAAE,iBAAkB,CAAA,mBAAmB,MAA1D,IAA+D,GAAA,EAAA,GAAA,WAAA,CAAA;AACjE,EAAM,MAAA,mBAAA,GAAsB,YAAY,uBAAuB,CAAA,CAAA;AAE/D,EAAM,MAAA,EAAE,iBAAkB,EAAA,GAAI,uBAAwB,EAAA,CAAA;AAEtD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,CAAA,EAAG,OAAmB,CAAA,QAAA,CAAA,EAAA,OAAA,EAAQ,MACnD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAM,EACnB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,iBAAA;AAAA,MACP,EAAA,EAAI,uBAAuB,mBAAoB,EAAA;AAAA,KAAA;AAAA,qBAEhD,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,oCAAkC,CACnD,CAAA,sCACC,kBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,2CACE,KAAA,CAAA,aAAA,CAAA,mBAAA,CAAoB,SAApB,IACC,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAiB,aAAe,EAAA,WAAA,EAAa,mBAC7C,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,mBACjB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,eAAe,uBAAyB,EAAA,CAAA,sCACvD,iBAAkB,EAAA,IAAA,CAAA,sCAClB,qBAAsB,EAAA,IAAA,CAAA,sCACtB,eAAgB,EAAA,IAAA,CAAA,sCAChB,4BAA6B,EAAA,IAAA,CAChC,mBACC,KAAA,CAAA,aAAA,CAAA,mBAAA,CAAoB,SAApB,IACC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GAEJ,CACF,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;ACnFO,SAAS,YAAY,KAAgC,EAAA;AAC1D,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,OAAO,MAAU,oBAAA,KAAA,CAAA,aAAA,CAAC,kBAAoB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AAClD;;;;"}

package/dist/esm/{index-53c299e2.esm.js → index/index-b3cf2aa8.esm.js}

@@ -5,7 +5,9 @@ import { HighlightedSearchResultText } from '@backstage/plugin-search-react';
 
 const useStyles = makeStyles(
   {
-    item: {},
+    item: {
+      display: "flex"
+    },
     flexContainer: {
       flexWrap: "wrap"
     },
@@ -23,7 +25,7 @@ function CatalogSearchResultListItem(props) {
   const classes = useStyles();
   if (!result)
     return null;
-  return /* @__PURE__ */ React.createElement("div", { className: classes.item }, props.icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, props.icon), /* @__PURE__ */ React.createElement("div", { className: classes.flexContainer }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: classes.item }, props.icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, typeof props.icon === "function" ? props.icon(result) : props.icon), /* @__PURE__ */ React.createElement("div", { className: classes.flexContainer }, /* @__PURE__ */ React.createElement(
     ListItemText,
     {
       className: classes.itemText,
@@ -49,4 +51,4 @@ function CatalogSearchResultListItem(props) {
 }
 
 export { CatalogSearchResultListItem };
-//# sourceMappingURL=index-53c299e2.esm.js.map
+//# sourceMappingURL=index-b3cf2aa8.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-b3cf2aa8.esm.js","sources":["../../../src/components/CatalogSearchResultListItem/CatalogSearchResultListItem.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 React, { ReactNode } from 'react';\nimport {\n  Box,\n  Chip,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport {\n  IndexableDocument,\n  ResultHighlight,\n} from '@backstage/plugin-search-common';\nimport { HighlightedSearchResultText } from '@backstage/plugin-search-react';\n\nconst useStyles = makeStyles(\n  {\n    item: {\n      display: 'flex',\n    },\n    flexContainer: {\n      flexWrap: 'wrap',\n    },\n    itemText: {\n      width: '100%',\n      wordBreak: 'break-all',\n      marginBottom: '1rem',\n    },\n  },\n  { name: 'CatalogSearchResultListItem' },\n);\n\n/**\n * Props for {@link CatalogSearchResultListItem}.\n *\n * @public\n */\nexport interface CatalogSearchResultListItemProps {\n  icon?: ReactNode | ((result: IndexableDocument) => ReactNode);\n  result?: IndexableDocument;\n  highlight?: ResultHighlight;\n  rank?: number;\n}\n\n/** @public */\nexport function CatalogSearchResultListItem(\n  props: CatalogSearchResultListItemProps,\n) {\n  const result = props.result as any;\n  const highlight = props.highlight as ResultHighlight;\n\n  const classes = useStyles();\n\n  if (!result) return null;\n\n  return (\n    <div className={classes.item}>\n      {props.icon && (\n        <ListItemIcon>\n          {typeof props.icon === 'function' ? props.icon(result) : props.icon}\n        </ListItemIcon>\n      )}\n      <div className={classes.flexContainer}>\n        <ListItemText\n          className={classes.itemText}\n          primaryTypographyProps={{ variant: 'h6' }}\n          primary={\n            <Link noTrack to={result.location}>\n              {highlight?.fields.title ? (\n                <HighlightedSearchResultText\n                  text={highlight.fields.title}\n                  preTag={highlight.preTag}\n                  postTag={highlight.postTag}\n                />\n              ) : (\n                result.title\n              )}\n            </Link>\n          }\n          secondary={\n            highlight?.fields.text ? (\n              <HighlightedSearchResultText\n                text={highlight.fields.text}\n                preTag={highlight.preTag}\n                postTag={highlight.postTag}\n              />\n            ) : (\n              result.text\n            )\n          }\n        />\n        <Box>\n          {result.kind && <Chip label={`Kind: ${result.kind}`} size=\"small\" />}\n          {result.lifecycle && (\n            <Chip label={`Lifecycle: ${result.lifecycle}`} size=\"small\" />\n          )}\n        </Box>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AA+BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,aAAe,EAAA;AAAA,MACb,QAAU,EAAA,MAAA;AAAA,KACZ;AAAA,IACA,QAAU,EAAA;AAAA,MACR,KAAO,EAAA,MAAA;AAAA,MACP,SAAW,EAAA,WAAA;AAAA,MACX,YAAc,EAAA,MAAA;AAAA,KAChB;AAAA,GACF;AAAA,EACA,EAAE,MAAM,6BAA8B,EAAA;AACxC,CAAA,CAAA;AAeO,SAAS,4BACd,KACA,EAAA;AACA,EAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,EAAA,MAAM,YAAY,KAAM,CAAA,SAAA,CAAA;AAExB,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EAAA,IAAI,CAAC,MAAA;AAAQ,IAAO,OAAA,IAAA,CAAA;AAEpB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAA,EACrB,MAAM,IACL,oBAAA,KAAA,CAAA,aAAA,CAAC,YACE,EAAA,IAAA,EAAA,OAAO,KAAM,CAAA,IAAA,KAAS,aAAa,KAAM,CAAA,IAAA,CAAK,MAAM,CAAA,GAAI,KAAM,CAAA,IACjE,mBAED,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,aACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,QAAA;AAAA,MACnB,sBAAA,EAAwB,EAAE,OAAA,EAAS,IAAK,EAAA;AAAA,MACxC,OAAA,kBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAO,EAAA,IAAA,EAAC,IAAI,MAAO,CAAA,QAAA,EAAA,EAAA,CACtB,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,MAAA,CAAO,KACjB,oBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,2BAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,UAAU,MAAO,CAAA,KAAA;AAAA,UACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,UAClB,SAAS,SAAU,CAAA,OAAA;AAAA,SAAA;AAAA,OACrB,GAEA,OAAO,KAEX,CAAA;AAAA,MAEF,SAAA,EAAA,CACE,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,MAAA,CAAO,IAChB,oBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,2BAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,UAAU,MAAO,CAAA,IAAA;AAAA,UACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,UAClB,SAAS,SAAU,CAAA,OAAA;AAAA,SAAA;AAAA,UAGrB,MAAO,CAAA,IAAA;AAAA,KAAA;AAAA,GAGb,kBACC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EACE,MAAO,CAAA,IAAA,oBAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAA,MAAA,EAAS,MAAO,CAAA,IAAA,CAAA,CAAA,EAAQ,IAAK,EAAA,OAAA,EAAQ,GACjE,MAAO,CAAA,SAAA,oBACL,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAA,WAAA,EAAc,MAAO,CAAA,SAAA,CAAA,CAAA,EAAa,IAAK,EAAA,OAAA,EAAQ,CAEhE,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/{index-62df5b29.esm.js → index/index-c4df4a0a.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, d as componentEntityHelpLink, e as asComponentEntities } from './presets-8f6d8412.esm.js';
+import { R as RelatedEntitiesCard, c as componentEntityColumns, d as componentEntityHelpLink, e as asComponentEntities } from './presets-1d9f313a.esm.js';
 import '@material-ui/core';
 import '@backstage/plugin-catalog-react';
 import '@backstage/core-components';
@@ -23,4 +23,4 @@ function HasComponentsCard(props) {
 }
 
 export { HasComponentsCard };
-//# sourceMappingURL=index-62df5b29.esm.js.map
+//# sourceMappingURL=index-c4df4a0a.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-c4df4a0a.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 { InfoCardVariants } from '@backstage/core-components';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n/** @public */\nexport interface HasComponentsCardProps {\n  variant?: InfoCardVariants;\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":";;;;;;;AA+BO,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EAAM,MAAA,EAAE,OAAU,GAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAM,EAAA,gBAAA;AAAA,MACN,UAAW,EAAA,WAAA;AAAA,MACX,YAAc,EAAA,iBAAA;AAAA,MACd,OAAS,EAAA,sBAAA;AAAA,MACT,YAAa,EAAA,qCAAA;AAAA,MACb,aAAe,EAAA,uBAAA;AAAA,MACf,oBAAsB,EAAA,mBAAA;AAAA,KAAA;AAAA,GACxB,CAAA;AAEJ;;;;"}

package/dist/esm/{index-2fdd24e0.esm.js → index/index-cfd067af.esm.js}

@@ -4,7 +4,7 @@ import { isArray, isString, capitalize } from 'lodash';
 import { Link, MarkdownContent, HeaderIconLinkRow, OverflowTooltip, WarningPanel, CodeSnippet, Table, Page, Header, Progress, RoutedTabs, Content, HeaderLabel, ResponseErrorPanel, InfoCard } from '@backstage/core-components';
 import { createExternalRouteRef, createRouteRef, useElementFilter, useApi, alertApiRef, errorApiRef, 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 as getEntitySourceLocation$1, useEntityList, EntityKindFilter, EntityRefLink, humanizeEntityRef, useStarredEntities, useEntityPermission, entityRouteRef, useAsyncEntity, UnregisterEntityDialog, InspectEntityDialog, FavoriteEntity, CatalogFilterLayout, starredEntitiesApiRef } from '@backstage/plugin-catalog-react';
+import { getEntityRelations, EntityRefLinks, useEntity, catalogApiRef, getEntitySourceLocation as getEntitySourceLocation$1, useEntityList, EntityKindFilter, EntityRefLink, humanizeEntityRef, useStarredEntities, 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, Select, InputBase, MenuItem, ListItemIcon, ListItemText, Tooltip, Popover, MenuList, Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';
 import CachedIcon from '@material-ui/icons/Cached';
 import DocsIcon from '@material-ui/icons/Description';
@@ -22,7 +22,8 @@ import { useLocation, useNavigate } from 'react-router-dom';
 import BugReportIcon from '@material-ui/icons/BugReport';
 import MoreVert from '@material-ui/icons/MoreVert';
 import FileCopyTwoToneIcon from '@material-ui/icons/FileCopyTwoTone';
-import { catalogEntityDeletePermission } from '@backstage/plugin-catalog-common';
+import { useEntityPermission } from '@backstage/plugin-catalog-react/alpha';
+import { catalogEntityDeletePermission } from '@backstage/plugin-catalog-common/alpha';
 import CancelIcon from '@material-ui/icons/Cancel';
 import { assertError } from '@backstage/errors';
 import { ENTITY_STATUS_CATALOG_PROCESSING_TYPE, CatalogClient } from '@backstage/catalog-client';
@@ -1290,7 +1291,7 @@ const useStyles$1 = makeStyles(
     code: {
       borderRadius: 6,
       margin: `${theme.spacing(2)}px 0px`,
-      background: theme.palette.type === "dark" ? "#444" : "#fff"
+      background: theme.palette.type === "dark" ? "#444" : theme.palette.common.white
     }
   }),
   { name: "PluginCatalogEntityLabelsEmptyState" }
@@ -1401,14 +1402,14 @@ const catalogPlugin = createPlugin({
 const CatalogIndexPage = catalogPlugin.provide(
   createRoutableExtension({
     name: "CatalogIndexPage",
-    component: () => import('./index-03d036bb.esm.js').then((m) => m.CatalogPage),
+    component: () => import('./index-a863427b.esm.js').then((m) => m.CatalogPage),
     mountPoint: rootRouteRef
   })
 );
 const CatalogEntityPage = catalogPlugin.provide(
   createRoutableExtension({
     name: "CatalogEntityPage",
-    component: () => import('./index-f0e32dd1.esm.js').then((m) => m.CatalogEntityPage),
+    component: () => import('./index-83561c1f.esm.js').then((m) => m.CatalogEntityPage),
     mountPoint: entityRouteRef
   })
 );
@@ -1416,7 +1417,7 @@ const EntityAboutCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityAboutCard",
     component: {
-      lazy: () => import('./index-14dc2ec0.esm.js').then((m) => m.AboutCard)
+      lazy: () => import('./index-9abb6222.esm.js').then((m) => m.AboutCard)
     }
   })
 );
@@ -1424,7 +1425,7 @@ const EntityLinksCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityLinksCard",
     component: {
-      lazy: () => import('./index-38d039d7.esm.js').then((m) => m.EntityLinksCard)
+      lazy: () => import('./index-34f5b1f5.esm.js').then((m) => m.EntityLinksCard)
     }
   })
 );
@@ -1432,7 +1433,7 @@ const EntityLabelsCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityLabelsCard",
     component: {
-      lazy: () => import('./index-1b0bb9d9.esm.js').then((m) => m.EntityLabelsCard)
+      lazy: () => import('./index-3e40d3a7.esm.js').then((m) => m.EntityLabelsCard)
     }
   })
 );
@@ -1440,7 +1441,7 @@ const EntityHasSystemsCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityHasSystemsCard",
     component: {
-      lazy: () => import('./index-a6b7e5a0.esm.js').then((m) => m.HasSystemsCard)
+      lazy: () => import('./index-623874b5.esm.js').then((m) => m.HasSystemsCard)
     }
   })
 );
@@ -1448,7 +1449,7 @@ const EntityHasComponentsCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityHasComponentsCard",
     component: {
-      lazy: () => import('./index-62df5b29.esm.js').then((m) => m.HasComponentsCard)
+      lazy: () => import('./index-c4df4a0a.esm.js').then((m) => m.HasComponentsCard)
     }
   })
 );
@@ -1456,7 +1457,7 @@ const EntityHasSubcomponentsCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityHasSubcomponentsCard",
     component: {
-      lazy: () => import('./index-796cbb22.esm.js').then(
+      lazy: () => import('./index-1f414093.esm.js').then(
         (m) => m.HasSubcomponentsCard
       )
     }
@@ -1466,7 +1467,7 @@ const EntityHasResourcesCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityHasResourcesCard",
     component: {
-      lazy: () => import('./index-579c0e06.esm.js').then((m) => m.HasResourcesCard)
+      lazy: () => import('./index-e33a5495.esm.js').then((m) => m.HasResourcesCard)
     }
   })
 );
@@ -1474,7 +1475,7 @@ const EntityDependsOnComponentsCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityDependsOnComponentsCard",
     component: {
-      lazy: () => import('./index-e67de3b5.esm.js').then(
+      lazy: () => import('./index-e4233e9c.esm.js').then(
         (m) => m.DependsOnComponentsCard
       )
     }
@@ -1484,7 +1485,7 @@ const EntityDependencyOfComponentsCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityDependencyOfComponentsCard",
     component: {
-      lazy: () => import('./index-d32ca604.esm.js').then(
+      lazy: () => import('./index-deb6f173.esm.js').then(
         (m) => m.DependencyOfComponentsCard
       )
     }
@@ -1494,7 +1495,7 @@ const EntityDependsOnResourcesCard = catalogPlugin.provide(
   createComponentExtension({
     name: "EntityDependsOnResourcesCard",
     component: {
-      lazy: () => import('./index-d2f7190c.esm.js').then(
+      lazy: () => import('./index-474c17e4.esm.js').then(
         (m) => m.DependsOnResourcesCard
       )
     }
@@ -1504,7 +1505,7 @@ const RelatedEntitiesCard = catalogPlugin.provide(
   createComponentExtension({
     name: "RelatedEntitiesCard",
     component: {
-      lazy: () => import('./index-60adddb8.esm.js').then(
+      lazy: () => import('./index-e2ea81b3.esm.js').then(
         (m) => m.RelatedEntitiesCard
       )
     }
@@ -1513,7 +1514,7 @@ const RelatedEntitiesCard = catalogPlugin.provide(
 const CatalogSearchResultListItem = catalogPlugin.provide(
   createSearchResultListItemExtension({
     name: "CatalogSearchResultListItem",
-    component: () => import('./index-53c299e2.esm.js').then(
+    component: () => import('./index-b3cf2aa8.esm.js').then(
       (m) => m.CatalogSearchResultListItem
     ),
     predicate: (result) => result.type === "software-catalog"
@@ -1521,4 +1522,4 @@ const CatalogSearchResultListItem = catalogPlugin.provide(
 );
 
 export { AboutCard as A, isNamespace as B, CatalogTable as C, DefaultStarredEntitiesApi as D, EntityLabelsCard$1 as E, isComponentType as F, FilteredEntityLayout as G, FilterContainer as H, EntityListContainer as I, LinksGridList as L, RelatedEntitiesCard as R, AboutContent as a, AboutField as b, createComponentRouteRef as c, CatalogEntityPage as d, CatalogIndexPage as e, catalogPlugin as f, EntityAboutCard as g, hasLabels as h, EntityDependencyOfComponentsCard as i, EntityDependsOnComponentsCard as j, EntityDependsOnResourcesCard as k, EntityHasComponentsCard as l, EntityHasResourcesCard as m, EntityHasSubcomponentsCard as n, EntityHasSystemsCard as o, EntityLinksCard as p, EntityLabelsCard as q, CatalogSearchResultListItem as r, CatalogKindHeader 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-2fdd24e0.esm.js.map
+//# sourceMappingURL=index-cfd067af.esm.js.map