@backstage/plugin-catalog 1.25.2-next.1 → 1.26.0

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @backstage/plugin-catalog
 
+## 1.26.0
+
+### Minor Changes
+
+- 25beb82: Adds an optional columns attribute to HasSubdomainsCardProps and changes its default columns
+- 39f1abc: Consistent title behaviour across CatalogTable, CursorPaginatedCatalogTable, and OffsetPaginatedCatalogTable.
+- 1ffb9f3: Update `CatalogTable` title to use properly capitalized Kind facets (e.g. 'Component' instead of 'component')
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/plugin-catalog-react@1.15.0
+  - @backstage/plugin-scaffolder-common@1.5.8
+  - @backstage/plugin-search-react@1.8.4
+  - @backstage/catalog-client@1.9.0
+  - @backstage/core-compat-api@0.3.4
+  - @backstage/frontend-plugin-api@0.9.3
+  - @backstage/core-components@0.16.2
+  - @backstage/errors@1.2.6
+  - @backstage/catalog-model@1.7.2
+  - @backstage/core-plugin-api@1.10.2
+  - @backstage/integration-react@1.2.2
+  - @backstage/types@1.2.0
+  - @backstage/plugin-catalog-common@1.1.2
+  - @backstage/plugin-permission-react@0.4.29
+  - @backstage/plugin-search-common@1.2.16
+
+## 1.26.0-next.2
+
+### Minor Changes
+
+- 25beb82: Adds an optional columns attribute to HasSubdomainsCardProps and changes its default columns
+- 39f1abc: Consistent title behaviour across CatalogTable, CursorPaginatedCatalogTable, and OffsetPaginatedCatalogTable.
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-compat-api@0.3.4-next.2
+  - @backstage/plugin-catalog-react@1.14.3-next.2
+  - @backstage/errors@1.2.6-next.0
+  - @backstage/catalog-client@1.9.0-next.2
+  - @backstage/catalog-model@1.7.2-next.0
+  - @backstage/core-components@0.16.2-next.2
+  - @backstage/core-plugin-api@1.10.2-next.0
+  - @backstage/frontend-plugin-api@0.9.3-next.2
+  - @backstage/integration-react@1.2.2-next.1
+  - @backstage/types@1.2.0
+  - @backstage/plugin-catalog-common@1.1.2-next.0
+  - @backstage/plugin-permission-react@0.4.29-next.0
+  - @backstage/plugin-scaffolder-common@1.5.8-next.1
+  - @backstage/plugin-search-common@1.2.16-next.0
+  - @backstage/plugin-search-react@1.8.4-next.2
+
 ## 1.25.2-next.1
 
 ### Patch Changes

package/dist/apis/StarredEntitiesApi/DefaultStarredEntitiesApi.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultStarredEntitiesApi.esm.js","sources":["../../../src/apis/StarredEntitiesApi/DefaultStarredEntitiesApi.ts"],"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 { StorageApi } from '@backstage/core-plugin-api';\nimport { StarredEntitiesApi } from '@backstage/plugin-catalog-react';\nimport { Observable } from '@backstage/types';\nimport ObservableImpl from 'zen-observable';\nimport { performMigrationToTheNewBucket } from './migration';\n\n/**\n * Default implementation of the StarredEntitiesApi that is backed by the StorageApi.\n *\n * @public\n */\nexport class DefaultStarredEntitiesApi implements StarredEntitiesApi {\n  private readonly settingsStore: StorageApi;\n  private starredEntities: Set<string>;\n\n  constructor(opts: { storageApi: StorageApi }) {\n    // no need to await. The updated content will be caught by the observe$\n    performMigrationToTheNewBucket(opts).then();\n\n    this.settingsStore = opts.storageApi.forBucket('starredEntities');\n\n    this.starredEntities = new Set(\n      this.settingsStore.snapshot<string[]>('entityRefs').value ?? [],\n    );\n\n    this.settingsStore.observe$<string[]>('entityRefs').subscribe({\n      next: next => {\n        this.starredEntities = new Set(next.value ?? []);\n        this.notifyChanges();\n      },\n    });\n  }\n\n  async toggleStarred(entityRef: string): Promise<void> {\n    if (this.starredEntities.has(entityRef)) {\n      this.starredEntities.delete(entityRef);\n    } else {\n      this.starredEntities.add(entityRef);\n    }\n\n    await this.settingsStore.set(\n      'entityRefs',\n      Array.from(this.starredEntities),\n    );\n  }\n\n  starredEntitie$(): Observable<Set<string>> {\n    return this.observable;\n  }\n\n  private readonly subscribers = new Set<\n    ZenObservable.SubscriptionObserver<Set<string>>\n  >();\n\n  private readonly observable = new ObservableImpl<Set<string>>(subscriber => {\n    // forward the the latest value\n    subscriber.next(new Set(this.starredEntities));\n\n    this.subscribers.add(subscriber);\n    return () => {\n      this.subscribers.delete(subscriber);\n    };\n  });\n\n  private notifyChanges() {\n    for (const subscription of this.subscribers) {\n      subscription.next(new Set(this.starredEntities));\n    }\n  }\n}\n"],"names":[],"mappings":";;;AA2BO,MAAM,yBAAwD,CAAA;AAAA,EAClD,aAAA;AAAA,EACT,eAAA;AAAA,EAER,YAAY,IAAkC,EAAA;AAE5C,IAA+B,8BAAA,CAAA,IAAI,EAAE,IAAK,EAAA;AAE1C,IAAA,IAAA,CAAK,aAAgB,GAAA,IAAA,CAAK,UAAW,CAAA,SAAA,CAAU,iBAAiB,CAAA;AAEhE,IAAA,IAAA,CAAK,kBAAkB,IAAI,GAAA;AAAA,MACzB,KAAK,aAAc,CAAA,QAAA,CAAmB,YAAY,CAAA,CAAE,SAAS;AAAC,KAChE;AAEA,IAAA,IAAA,CAAK,aAAc,CAAA,QAAA,CAAmB,YAAY,CAAA,CAAE,SAAU,CAAA;AAAA,MAC5D,MAAM,CAAQ,IAAA,KAAA;AACZ,QAAA,IAAA,CAAK,kBAAkB,IAAI,GAAA,CAAI,IAAK,CAAA,KAAA,IAAS,EAAE,CAAA;AAC/C,QAAA,IAAA,CAAK,aAAc,EAAA;AAAA;AACrB,KACD,CAAA;AAAA;AACH,EAEA,MAAM,cAAc,SAAkC,EAAA;AACpD,IAAA,IAAI,IAAK,CAAA,eAAA,CAAgB,GAAI,CAAA,SAAS,CAAG,EAAA;AACvC,MAAK,IAAA,CAAA,eAAA,CAAgB,OAAO,SAAS,CAAA;AAAA,KAChC,MAAA;AACL,MAAK,IAAA,CAAA,eAAA,CAAgB,IAAI,SAAS,CAAA;AAAA;AAGpC,IAAA,MAAM,KAAK,aAAc,CAAA,GAAA;AAAA,MACvB,YAAA;AAAA,MACA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,eAAe;AAAA,KACjC;AAAA;AACF,EAEA,eAA2C,GAAA;AACzC,IAAA,OAAO,IAAK,CAAA,UAAA;AAAA;AACd,EAEiB,WAAA,uBAAkB,GAEjC,EAAA;AAAA,EAEe,UAAA,GAAa,IAAI,cAAA,CAA4B,CAAc,UAAA,KAAA;AAE1E,IAAA,UAAA,CAAW,IAAK,CAAA,IAAI,GAAI,CAAA,IAAA,CAAK,eAAe,CAAC,CAAA;AAE7C,IAAK,IAAA,CAAA,WAAA,CAAY,IAAI,UAAU,CAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,WAAA,CAAY,OAAO,UAAU,CAAA;AAAA,KACpC;AAAA,GACD,CAAA;AAAA,EAEO,aAAgB,GAAA;AACtB,IAAW,KAAA,MAAA,YAAA,IAAgB,KAAK,WAAa,EAAA;AAC3C,MAAA,YAAA,CAAa,IAAK,CAAA,IAAI,GAAI,CAAA,IAAA,CAAK,eAAe,CAAC,CAAA;AAAA;AACjD;AAEJ;;;;"}
+{"version":3,"file":"DefaultStarredEntitiesApi.esm.js","sources":["../../../src/apis/StarredEntitiesApi/DefaultStarredEntitiesApi.ts"],"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 { StorageApi } from '@backstage/core-plugin-api';\nimport { StarredEntitiesApi } from '@backstage/plugin-catalog-react';\nimport { Observable } from '@backstage/types';\nimport ObservableImpl from 'zen-observable';\nimport { performMigrationToTheNewBucket } from './migration';\n\n/**\n * Default implementation of the StarredEntitiesApi that is backed by the StorageApi.\n *\n * @public\n */\nexport class DefaultStarredEntitiesApi implements StarredEntitiesApi {\n  private readonly settingsStore: StorageApi;\n  private starredEntities: Set<string>;\n\n  constructor(opts: { storageApi: StorageApi }) {\n    // no need to await. The updated content will be caught by the observe$\n    performMigrationToTheNewBucket(opts).then();\n\n    this.settingsStore = opts.storageApi.forBucket('starredEntities');\n\n    this.starredEntities = new Set(\n      this.settingsStore.snapshot<string[]>('entityRefs').value ?? [],\n    );\n\n    this.settingsStore.observe$<string[]>('entityRefs').subscribe({\n      next: next => {\n        this.starredEntities = new Set(next.value ?? []);\n        this.notifyChanges();\n      },\n    });\n  }\n\n  async toggleStarred(entityRef: string): Promise<void> {\n    if (this.starredEntities.has(entityRef)) {\n      this.starredEntities.delete(entityRef);\n    } else {\n      this.starredEntities.add(entityRef);\n    }\n\n    await this.settingsStore.set(\n      'entityRefs',\n      Array.from(this.starredEntities),\n    );\n  }\n\n  starredEntitie$(): Observable<Set<string>> {\n    return this.observable;\n  }\n\n  private readonly subscribers = new Set<\n    ZenObservable.SubscriptionObserver<Set<string>>\n  >();\n\n  private readonly observable = new ObservableImpl<Set<string>>(subscriber => {\n    // forward the latest value\n    subscriber.next(new Set(this.starredEntities));\n\n    this.subscribers.add(subscriber);\n    return () => {\n      this.subscribers.delete(subscriber);\n    };\n  });\n\n  private notifyChanges() {\n    for (const subscription of this.subscribers) {\n      subscription.next(new Set(this.starredEntities));\n    }\n  }\n}\n"],"names":[],"mappings":";;;AA2BO,MAAM,yBAAwD,CAAA;AAAA,EAClD,aAAA;AAAA,EACT,eAAA;AAAA,EAER,YAAY,IAAkC,EAAA;AAE5C,IAA+B,8BAAA,CAAA,IAAI,EAAE,IAAK,EAAA;AAE1C,IAAA,IAAA,CAAK,aAAgB,GAAA,IAAA,CAAK,UAAW,CAAA,SAAA,CAAU,iBAAiB,CAAA;AAEhE,IAAA,IAAA,CAAK,kBAAkB,IAAI,GAAA;AAAA,MACzB,KAAK,aAAc,CAAA,QAAA,CAAmB,YAAY,CAAA,CAAE,SAAS;AAAC,KAChE;AAEA,IAAA,IAAA,CAAK,aAAc,CAAA,QAAA,CAAmB,YAAY,CAAA,CAAE,SAAU,CAAA;AAAA,MAC5D,MAAM,CAAQ,IAAA,KAAA;AACZ,QAAA,IAAA,CAAK,kBAAkB,IAAI,GAAA,CAAI,IAAK,CAAA,KAAA,IAAS,EAAE,CAAA;AAC/C,QAAA,IAAA,CAAK,aAAc,EAAA;AAAA;AACrB,KACD,CAAA;AAAA;AACH,EAEA,MAAM,cAAc,SAAkC,EAAA;AACpD,IAAA,IAAI,IAAK,CAAA,eAAA,CAAgB,GAAI,CAAA,SAAS,CAAG,EAAA;AACvC,MAAK,IAAA,CAAA,eAAA,CAAgB,OAAO,SAAS,CAAA;AAAA,KAChC,MAAA;AACL,MAAK,IAAA,CAAA,eAAA,CAAgB,IAAI,SAAS,CAAA;AAAA;AAGpC,IAAA,MAAM,KAAK,aAAc,CAAA,GAAA;AAAA,MACvB,YAAA;AAAA,MACA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,eAAe;AAAA,KACjC;AAAA;AACF,EAEA,eAA2C,GAAA;AACzC,IAAA,OAAO,IAAK,CAAA,UAAA;AAAA;AACd,EAEiB,WAAA,uBAAkB,GAEjC,EAAA;AAAA,EAEe,UAAA,GAAa,IAAI,cAAA,CAA4B,CAAc,UAAA,KAAA;AAE1E,IAAA,UAAA,CAAW,IAAK,CAAA,IAAI,GAAI,CAAA,IAAA,CAAK,eAAe,CAAC,CAAA;AAE7C,IAAK,IAAA,CAAA,WAAA,CAAY,IAAI,UAAU,CAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,WAAA,CAAY,OAAO,UAAU,CAAA;AAAA,KACpC;AAAA,GACD,CAAA;AAAA,EAEO,aAAgB,GAAA;AACtB,IAAW,KAAA,MAAA,YAAA,IAAgB,KAAK,WAAa,EAAA;AAC3C,MAAA,YAAA,CAAa,IAAK,CAAA,IAAI,GAAI,CAAA,IAAA,CAAK,eAAe,CAAC,CAAA;AAAA;AACjD;AAEJ;;;;"}

package/dist/components/CatalogKindHeader/CatalogKindHeader.esm.js

@@ -40,11 +40,12 @@ function CatalogKindHeader(props) {
       setSelectedKind(filters.kind?.value);
     }
   }, [filters.kind]);
+  const selectedKindLabel = allKinds.get(selectedKind.toLocaleLowerCase("en-US")) || selectedKind;
   useEffect(() => {
     updateFilters({
-      kind: selectedKind ? new EntityKindFilter(selectedKind) : void 0
+      kind: selectedKind ? new EntityKindFilter(selectedKind, selectedKindLabel) : void 0
     });
-  }, [selectedKind, updateFilters]);
+  }, [selectedKind, selectedKindLabel, updateFilters]);
   const options = filterKinds(allKinds, allowedKinds, selectedKind);
   return /* @__PURE__ */ React.createElement(
     Select,
@@ -54,7 +55,7 @@ function CatalogKindHeader(props) {
       onChange: (e) => setSelectedKind(e.target.value),
       classes
     },
-    Object.keys(options).map((kind) => /* @__PURE__ */ React.createElement(MenuItem, { value: kind, key: kind }, `${pluralize(options[kind])}`))
+    [...options.keys()].map((kind) => /* @__PURE__ */ React.createElement(MenuItem, { value: kind, key: kind }, `${pluralize(options.get(kind) || kind)}`))
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"CatalogKindHeader.esm.js","sources":["../../../src/components/CatalogKindHeader/CatalogKindHeader.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, { useEffect, useState, useMemo } from 'react';\nimport InputBase from '@material-ui/core/InputBase';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport {\n  EntityKindFilter,\n  useEntityList,\n} from '@backstage/plugin-catalog-react';\nimport pluralize from 'pluralize';\nimport { filterKinds, useAllKinds } from './kindFilterUtils';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      ...theme.typography.h4,\n    },\n  }),\n);\n\n/**\n * Props for {@link CatalogKindHeader}.\n *\n * @public\n */\nexport interface CatalogKindHeaderProps {\n  /**\n   * Entity kinds to show in the dropdown; by default all kinds are fetched from the catalog and\n   * displayed.\n   */\n  allowedKinds?: string[];\n  /**\n   * The initial kind to select; defaults to 'component'. A kind filter entered directly in the\n   * query parameter will override this value.\n   */\n  initialFilter?: string;\n}\n\n/**\n * @public\n * @deprecated This component has been deprecated in favour of the EntityKindPicker in the list of filters. If you wish to keep this component long term make sure to raise an issue at github.com/backstage/backstage\n */\nexport function CatalogKindHeader(props: CatalogKindHeaderProps) {\n  const { initialFilter = 'component', allowedKinds } = props;\n  const classes = useStyles();\n  const { allKinds } = useAllKinds();\n  const {\n    filters,\n    updateFilters,\n    queryParameters: { kind: kindParameter },\n  } = useEntityList();\n\n  const queryParamKind = useMemo(\n    () => [kindParameter].flat()[0],\n    [kindParameter],\n  );\n\n  const [selectedKind, setSelectedKind] = useState(\n    queryParamKind ?? filters.kind?.value ?? initialFilter,\n  );\n\n  // Set selected kinds on query parameter updates; this happens at initial page load and from\n  // external updates to the page location.\n  useEffect(() => {\n    if (queryParamKind) {\n      setSelectedKind(queryParamKind);\n    }\n  }, [queryParamKind]);\n\n  // Set selected kind from filters; this happens when the kind filter is\n  // updated from another component\n  useEffect(() => {\n    if (filters.kind?.value) {\n      setSelectedKind(filters.kind?.value);\n    }\n  }, [filters.kind]);\n\n  useEffect(() => {\n    updateFilters({\n      kind: selectedKind ? new EntityKindFilter(selectedKind) : undefined,\n    });\n  }, [selectedKind, updateFilters]);\n\n  const options = filterKinds(allKinds, allowedKinds, selectedKind);\n\n  return (\n    <Select\n      input={<InputBase />}\n      value={selectedKind.toLocaleLowerCase('en-US')}\n      onChange={e => setSelectedKind(e.target.value as string)}\n      classes={classes}\n    >\n      {Object.keys(options).map(kind => (\n        <MenuItem value={kind} key={kind}>\n          {`${pluralize(options[kind])}`}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AA4BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,GAAG,MAAM,UAAW,CAAA;AAAA;AACtB,GACD;AACH,CAAA;AAwBO,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EAAA,MAAM,EAAE,aAAA,GAAgB,WAAa,EAAA,YAAA,EAAiB,GAAA,KAAA;AACtD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA;AACjC,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,aAAc;AAAA,MACrC,aAAc,EAAA;AAElB,EAAA,MAAM,cAAiB,GAAA,OAAA;AAAA,IACrB,MAAM,CAAC,aAAa,CAAE,CAAA,IAAA,GAAO,CAAC,CAAA;AAAA,IAC9B,CAAC,aAAa;AAAA,GAChB;AAEA,EAAM,MAAA,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA;AAAA,IACtC,cAAA,IAAkB,OAAQ,CAAA,IAAA,EAAM,KAAS,IAAA;AAAA,GAC3C;AAIA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAA,eAAA,CAAgB,cAAc,CAAA;AAAA;AAChC,GACF,EAAG,CAAC,cAAc,CAAC,CAAA;AAInB,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,MAAM,KAAO,EAAA;AACvB,MAAgB,eAAA,CAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA;AACrC,GACC,EAAA,CAAC,OAAQ,CAAA,IAAI,CAAC,CAAA;AAEjB,EAAA,SAAA,CAAU,MAAM;AACd,IAAc,aAAA,CAAA;AAAA,MACZ,IAAM,EAAA,YAAA,GAAe,IAAI,gBAAA,CAAiB,YAAY,CAAI,GAAA,KAAA;AAAA,KAC3D,CAAA;AAAA,GACA,EAAA,CAAC,YAAc,EAAA,aAAa,CAAC,CAAA;AAEhC,EAAA,MAAM,OAAU,GAAA,WAAA,CAAY,QAAU,EAAA,YAAA,EAAc,YAAY,CAAA;AAEhE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,sCAAQ,SAAU,EAAA,IAAA,CAAA;AAAA,MAClB,KAAA,EAAO,YAAa,CAAA,iBAAA,CAAkB,OAAO,CAAA;AAAA,MAC7C,QAAU,EAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAA,CAAE,OAAO,KAAe,CAAA;AAAA,MACvD;AAAA,KAAA;AAAA,IAEC,OAAO,IAAK,CAAA,OAAO,EAAE,GAAI,CAAA,CAAA,IAAA,yCACvB,QAAS,EAAA,EAAA,KAAA,EAAO,MAAM,GAAK,EAAA,IAAA,EAAA,EACzB,GAAG,SAAU,CAAA,OAAA,CAAQ,IAAI,CAAC,CAAC,EAC9B,CACD;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"CatalogKindHeader.esm.js","sources":["../../../src/components/CatalogKindHeader/CatalogKindHeader.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, { useEffect, useState, useMemo } from 'react';\nimport InputBase from '@material-ui/core/InputBase';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport {\n  EntityKindFilter,\n  useEntityList,\n} from '@backstage/plugin-catalog-react';\nimport pluralize from 'pluralize';\nimport { filterKinds, useAllKinds } from './kindFilterUtils';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      ...theme.typography.h4,\n    },\n  }),\n);\n\n/**\n * Props for {@link CatalogKindHeader}.\n *\n * @public\n */\nexport interface CatalogKindHeaderProps {\n  /**\n   * Entity kinds to show in the dropdown; by default all kinds are fetched from the catalog and\n   * displayed.\n   */\n  allowedKinds?: string[];\n  /**\n   * The initial kind to select; defaults to 'component'. A kind filter entered directly in the\n   * query parameter will override this value.\n   */\n  initialFilter?: string;\n}\n\n/**\n * @public\n * @deprecated This component has been deprecated in favour of the EntityKindPicker in the list of filters. If you wish to keep this component long term make sure to raise an issue at github.com/backstage/backstage\n */\nexport function CatalogKindHeader(props: CatalogKindHeaderProps) {\n  const { initialFilter = 'component', allowedKinds } = props;\n  const classes = useStyles();\n  const { allKinds } = useAllKinds();\n  const {\n    filters,\n    updateFilters,\n    queryParameters: { kind: kindParameter },\n  } = useEntityList();\n\n  const queryParamKind = useMemo(\n    () => [kindParameter].flat()[0],\n    [kindParameter],\n  );\n\n  const [selectedKind, setSelectedKind] = useState(\n    queryParamKind ?? filters.kind?.value ?? initialFilter,\n  );\n\n  // Set selected kinds on query parameter updates; this happens at initial page load and from\n  // external updates to the page location.\n  useEffect(() => {\n    if (queryParamKind) {\n      setSelectedKind(queryParamKind);\n    }\n  }, [queryParamKind]);\n\n  // Set selected kind from filters; this happens when the kind filter is\n  // updated from another component\n  useEffect(() => {\n    if (filters.kind?.value) {\n      setSelectedKind(filters.kind?.value);\n    }\n  }, [filters.kind]);\n\n  const selectedKindLabel =\n    allKinds.get(selectedKind.toLocaleLowerCase('en-US')) || selectedKind;\n\n  useEffect(() => {\n    updateFilters({\n      kind: selectedKind\n        ? new EntityKindFilter(selectedKind, selectedKindLabel)\n        : undefined,\n    });\n  }, [selectedKind, selectedKindLabel, updateFilters]);\n\n  const options = filterKinds(allKinds, allowedKinds, selectedKind);\n\n  return (\n    <Select\n      input={<InputBase />}\n      value={selectedKind.toLocaleLowerCase('en-US')}\n      onChange={e => setSelectedKind(e.target.value as string)}\n      classes={classes}\n    >\n      {[...options.keys()].map(kind => (\n        <MenuItem value={kind} key={kind}>\n          {`${pluralize(options.get(kind) || kind)}`}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AA4BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,GAAG,MAAM,UAAW,CAAA;AAAA;AACtB,GACD;AACH,CAAA;AAwBO,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EAAA,MAAM,EAAE,aAAA,GAAgB,WAAa,EAAA,YAAA,EAAiB,GAAA,KAAA;AACtD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA;AACjC,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,aAAc;AAAA,MACrC,aAAc,EAAA;AAElB,EAAA,MAAM,cAAiB,GAAA,OAAA;AAAA,IACrB,MAAM,CAAC,aAAa,CAAE,CAAA,IAAA,GAAO,CAAC,CAAA;AAAA,IAC9B,CAAC,aAAa;AAAA,GAChB;AAEA,EAAM,MAAA,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA;AAAA,IACtC,cAAA,IAAkB,OAAQ,CAAA,IAAA,EAAM,KAAS,IAAA;AAAA,GAC3C;AAIA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAA,eAAA,CAAgB,cAAc,CAAA;AAAA;AAChC,GACF,EAAG,CAAC,cAAc,CAAC,CAAA;AAInB,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,MAAM,KAAO,EAAA;AACvB,MAAgB,eAAA,CAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA;AACrC,GACC,EAAA,CAAC,OAAQ,CAAA,IAAI,CAAC,CAAA;AAEjB,EAAA,MAAM,oBACJ,QAAS,CAAA,GAAA,CAAI,aAAa,iBAAkB,CAAA,OAAO,CAAC,CAAK,IAAA,YAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAc,aAAA,CAAA;AAAA,MACZ,MAAM,YACF,GAAA,IAAI,gBAAiB,CAAA,YAAA,EAAc,iBAAiB,CACpD,GAAA,KAAA;AAAA,KACL,CAAA;AAAA,GACA,EAAA,CAAC,YAAc,EAAA,iBAAA,EAAmB,aAAa,CAAC,CAAA;AAEnD,EAAA,MAAM,OAAU,GAAA,WAAA,CAAY,QAAU,EAAA,YAAA,EAAc,YAAY,CAAA;AAEhE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,sCAAQ,SAAU,EAAA,IAAA,CAAA;AAAA,MAClB,KAAA,EAAO,YAAa,CAAA,iBAAA,CAAkB,OAAO,CAAA;AAAA,MAC7C,QAAU,EAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAA,CAAE,OAAO,KAAe,CAAA;AAAA,MACvD;AAAA,KAAA;AAAA,IAEC,CAAC,GAAG,OAAQ,CAAA,IAAA,EAAM,CAAE,CAAA,GAAA,CAAI,CACvB,IAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,MAAM,GAAK,EAAA,IAAA,EAAA,EACzB,CAAG,EAAA,SAAA,CAAU,OAAQ,CAAA,GAAA,CAAI,IAAI,CAAK,IAAA,IAAI,CAAC,CAAA,CAC1C,CACD;AAAA,GACH;AAEJ;;;;"}

package/dist/components/CatalogKindHeader/kindFilterUtils.esm.js

@@ -9,29 +9,25 @@ function useAllKinds() {
     loading,
     value: allKinds
   } = useAsync(async () => {
-    const items = await catalogApi.getEntityFacets({ facets: ["kind"] }).then((response) => response.facets.kind?.map((f) => f.value).sort() || []);
-    return items;
+    const { facets } = await catalogApi.getEntityFacets({ facets: ["kind"] });
+    const kindFacets = (facets.kind ?? []).map((f) => f.value);
+    return new Map(
+      kindFacets.map((kind) => [kind.toLocaleLowerCase("en-US"), kind])
+    );
   }, [catalogApi]);
-  return { loading, error, allKinds: allKinds ?? [] };
+  return { loading, error, allKinds: allKinds ?? /* @__PURE__ */ new Map() };
 }
 function filterKinds(allKinds, allowedKinds, forcedKinds) {
-  let availableKinds = allKinds;
+  let availableKinds = Array.from(allKinds.keys());
   if (allowedKinds) {
-    availableKinds = availableKinds.filter(
-      (k) => allowedKinds.some(
-        (a) => a.toLocaleLowerCase("en-US") === k.toLocaleLowerCase("en-US")
-      )
-    );
+    availableKinds = allowedKinds.map((k) => k.toLocaleLowerCase("en-US")).filter((k) => allKinds.has(k));
   }
-  if (forcedKinds && !allKinds.some(
-    (a) => a.toLocaleLowerCase("en-US") === forcedKinds.toLocaleLowerCase("en-US")
-  )) {
-    availableKinds = availableKinds.concat([forcedKinds]);
+  const kindsMap = new Map(
+    availableKinds.map((kind) => [kind, allKinds.get(kind) || kind])
+  );
+  if (forcedKinds && !kindsMap.has(forcedKinds)) {
+    kindsMap.set(forcedKinds.toLocaleLowerCase("en-US"), forcedKinds);
   }
-  const kindsMap = availableKinds.sort().reduce((acc, kind) => {
-    acc[kind.toLocaleLowerCase("en-US")] = kind;
-    return acc;
-  }, {});
   return kindsMap;
 }
 

package/dist/components/CatalogKindHeader/kindFilterUtils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kindFilterUtils.esm.js","sources":["../../../src/components/CatalogKindHeader/kindFilterUtils.ts"],"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 { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport useAsync from 'react-use/esm/useAsync';\n\n/**\n * Fetch and return all availible kinds.\n */\nexport function useAllKinds(): {\n  loading: boolean;\n  error?: Error;\n  allKinds: string[];\n} {\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    error,\n    loading,\n    value: allKinds,\n  } = useAsync(async () => {\n    const items = await catalogApi\n      .getEntityFacets({ facets: ['kind'] })\n      .then(response => response.facets.kind?.map(f => f.value).sort() || []);\n    return items;\n  }, [catalogApi]);\n\n  return { loading, error, allKinds: allKinds ?? [] };\n}\n\n/**\n * Filter and capitalize accessible kinds.\n */\nexport function filterKinds(\n  allKinds: string[],\n  allowedKinds?: string[],\n  forcedKinds?: string,\n): Record<string, string> {\n  // Before allKinds is loaded, or when a kind is entered manually in the URL, selectedKind may not\n  // be present in allKinds. It should still be shown in the dropdown, but may not have the nice\n  // enforced casing from the catalog-backend. This makes a key/value record for the Select options,\n  // including selectedKind if it's unknown - but allows the selectedKind to get clobbered by the\n  // more proper catalog kind if it exists.\n  let availableKinds = allKinds;\n  if (allowedKinds) {\n    availableKinds = availableKinds.filter(k =>\n      allowedKinds.some(\n        a => a.toLocaleLowerCase('en-US') === k.toLocaleLowerCase('en-US'),\n      ),\n    );\n  }\n  if (\n    forcedKinds &&\n    !allKinds.some(\n      a =>\n        a.toLocaleLowerCase('en-US') === forcedKinds.toLocaleLowerCase('en-US'),\n    )\n  ) {\n    availableKinds = availableKinds.concat([forcedKinds]);\n  }\n\n  const kindsMap = availableKinds.sort().reduce((acc, kind) => {\n    acc[kind.toLocaleLowerCase('en-US')] = kind;\n    return acc;\n  }, {} as Record<string, string>);\n\n  return kindsMap;\n}\n"],"names":[],"mappings":";;;;AAuBO,SAAS,WAId,GAAA;AACA,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AAEvC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAM,MAAA,KAAA,GAAQ,MAAM,UAAA,CACjB,eAAgB,CAAA,EAAE,QAAQ,CAAC,MAAM,CAAE,EAAC,CACpC,CAAA,IAAA,CAAK,cAAY,QAAS,CAAA,MAAA,CAAO,IAAM,EAAA,GAAA,CAAI,CAAK,CAAA,KAAA,CAAA,CAAE,KAAK,CAAE,CAAA,IAAA,EAAU,IAAA,EAAE,CAAA;AACxE,IAAO,OAAA,KAAA;AAAA,GACT,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,OAAO,EAAE,OAAS,EAAA,KAAA,EAAO,QAAU,EAAA,QAAA,IAAY,EAAG,EAAA;AACpD;AAKgB,SAAA,WAAA,CACd,QACA,EAAA,YAAA,EACA,WACwB,EAAA;AAMxB,EAAA,IAAI,cAAiB,GAAA,QAAA;AACrB,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,cAAA,GAAiB,cAAe,CAAA,MAAA;AAAA,MAAO,OACrC,YAAa,CAAA,IAAA;AAAA,QACX,OAAK,CAAE,CAAA,iBAAA,CAAkB,OAAO,CAAM,KAAA,CAAA,CAAE,kBAAkB,OAAO;AAAA;AACnE,KACF;AAAA;AAEF,EACE,IAAA,WAAA,IACA,CAAC,QAAS,CAAA,IAAA;AAAA,IACR,OACE,CAAE,CAAA,iBAAA,CAAkB,OAAO,CAAM,KAAA,WAAA,CAAY,kBAAkB,OAAO;AAAA,GAE1E,EAAA;AACA,IAAA,cAAA,GAAiB,cAAe,CAAA,MAAA,CAAO,CAAC,WAAW,CAAC,CAAA;AAAA;AAGtD,EAAA,MAAM,WAAW,cAAe,CAAA,IAAA,GAAO,MAAO,CAAA,CAAC,KAAK,IAAS,KAAA;AAC3D,IAAA,GAAA,CAAI,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAC,CAAI,GAAA,IAAA;AACvC,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAA4B,CAAA;AAE/B,EAAO,OAAA,QAAA;AACT;;;;"}
+{"version":3,"file":"kindFilterUtils.esm.js","sources":["../../../src/components/CatalogKindHeader/kindFilterUtils.ts"],"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 { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport useAsync from 'react-use/esm/useAsync';\n\n/**\n * Fetch and return all available kinds.\n */\nexport function useAllKinds(): {\n  loading: boolean;\n  error?: Error;\n  allKinds: Map<string, string>;\n} {\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    error,\n    loading,\n    value: allKinds,\n  } = useAsync(async () => {\n    const { facets } = await catalogApi.getEntityFacets({ facets: ['kind'] });\n    const kindFacets = (facets.kind ?? []).map(f => f.value);\n    return new Map(\n      kindFacets.map(kind => [kind.toLocaleLowerCase('en-US'), kind]),\n    );\n  }, [catalogApi]);\n\n  return { loading, error, allKinds: allKinds ?? new Map() };\n}\n\n/**\n * Filter and capitalize accessible kinds.\n */\nexport function filterKinds(\n  allKinds: Map<string, string>,\n  allowedKinds?: string[],\n  forcedKinds?: string,\n): Map<string, string> {\n  // Before allKinds is loaded, or when a kind is entered manually in the URL, selectedKind may not\n  // be present in allKinds. It should still be shown in the dropdown, but may not have the nice\n  // enforced casing from the catalog-backend. This makes a key/value record for the Select options,\n  // including selectedKind if it's unknown - but allows the selectedKind to get clobbered by the\n  // more proper catalog kind if it exists.\n  let availableKinds = Array.from(allKinds.keys());\n  if (allowedKinds) {\n    availableKinds = allowedKinds\n      .map(k => k.toLocaleLowerCase('en-US'))\n      .filter(k => allKinds.has(k));\n  }\n\n  const kindsMap = new Map(\n    availableKinds.map(kind => [kind, allKinds.get(kind) || kind]),\n  );\n\n  if (forcedKinds && !kindsMap.has(forcedKinds)) {\n    // this is the only time we set a label for a kind which is not properly capitalized\n    kindsMap.set(forcedKinds.toLocaleLowerCase('en-US'), forcedKinds);\n  }\n\n  return kindsMap;\n}\n"],"names":[],"mappings":";;;;AAuBO,SAAS,WAId,GAAA;AACA,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AAEvC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAM,MAAA,EAAE,MAAO,EAAA,GAAI,MAAM,UAAA,CAAW,eAAgB,CAAA,EAAE,MAAQ,EAAA,CAAC,MAAM,CAAA,EAAG,CAAA;AACxE,IAAM,MAAA,UAAA,GAAA,CAAc,OAAO,IAAQ,IAAA,IAAI,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,KAAK,CAAA;AACvD,IAAA,OAAO,IAAI,GAAA;AAAA,MACT,UAAA,CAAW,IAAI,CAAQ,IAAA,KAAA,CAAC,KAAK,iBAAkB,CAAA,OAAO,CAAG,EAAA,IAAI,CAAC;AAAA,KAChE;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,OAAO,EAAE,OAAS,EAAA,KAAA,EAAO,UAAU,QAAY,oBAAA,IAAI,KAAM,EAAA;AAC3D;AAKgB,SAAA,WAAA,CACd,QACA,EAAA,YAAA,EACA,WACqB,EAAA;AAMrB,EAAA,IAAI,cAAiB,GAAA,KAAA,CAAM,IAAK,CAAA,QAAA,CAAS,MAAM,CAAA;AAC/C,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,cAAA,GAAiB,YACd,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA,CAAA,CAAE,iBAAkB,CAAA,OAAO,CAAC,CAAA,CACrC,MAAO,CAAA,CAAA,CAAA,KAAK,QAAS,CAAA,GAAA,CAAI,CAAC,CAAC,CAAA;AAAA;AAGhC,EAAA,MAAM,WAAW,IAAI,GAAA;AAAA,IACnB,cAAA,CAAe,GAAI,CAAA,CAAA,IAAA,KAAQ,CAAC,IAAA,EAAM,SAAS,GAAI,CAAA,IAAI,CAAK,IAAA,IAAI,CAAC;AAAA,GAC/D;AAEA,EAAA,IAAI,WAAe,IAAA,CAAC,QAAS,CAAA,GAAA,CAAI,WAAW,CAAG,EAAA;AAE7C,IAAA,QAAA,CAAS,GAAI,CAAA,WAAA,CAAY,iBAAkB,CAAA,OAAO,GAAG,WAAW,CAAA;AAAA;AAGlE,EAAO,OAAA,QAAA;AACT;;;;"}

package/dist/components/CatalogTable/CatalogTable.esm.js

@@ -14,6 +14,7 @@ import { CursorPaginatedCatalogTable } from './CursorPaginatedCatalogTable.esm.j
 import { defaultCatalogTableColumnsFunc } from './defaultCatalogTableColumnsFunc.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { catalogTranslationRef } from '../../alpha/translation.esm.js';
+import { CatalogTableToolbar } from './CatalogTableToolbar.esm.js';
 
 const refCompare = (a, b) => {
   const toRef = (entity) => entity.metadata.title || humanizeEntityRef(entity, {
@@ -92,16 +93,11 @@ const CatalogTable = (props) => {
       };
     }
   ];
-  const currentKind = filters.kind?.value || "";
+  const currentKind = filters.kind?.label || "";
   const currentType = filters.type?.value || "";
   const currentCount = typeof totalItems === "number" ? `(${totalItems})` : "";
   const titlePreamble = capitalize(filters.user?.value ?? "all");
-  const title = [
-    titlePreamble,
-    currentType,
-    pluralize(currentKind),
-    currentCount
-  ].filter((s) => s).join(" ");
+  const title = props.title || [titlePreamble, currentType, pluralize(currentKind), currentCount].filter((s) => s).join(" ");
   const actions = props.actions || defaultActions;
   const options = {
     actionsColumnIndex: -1,
@@ -155,6 +151,9 @@ const CatalogTable = (props) => {
         pageSizeOptions: [20, 50, 100],
         ...options
       },
+      components: {
+        Toolbar: CatalogTableToolbar
+      },
       title,
       data: rows,
       actions,

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

@@ -1 +1 @@
-{"version":3,"file":"CatalogTable.esm.js","sources":["../../../src/components/CatalogTable/CatalogTable.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 */\nimport {\n  ANNOTATION_EDIT_URL,\n  ANNOTATION_VIEW_URL,\n  Entity,\n  RELATION_OWNED_BY,\n  RELATION_PART_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  CodeSnippet,\n  Table,\n  TableColumn,\n  TableProps,\n  WarningPanel,\n} from '@backstage/core-components';\nimport {\n  getEntityRelations,\n  humanizeEntityRef,\n  useEntityList,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport Typography from '@material-ui/core/Typography';\nimport { visuallyHidden } from '@mui/utils';\nimport Edit from '@material-ui/icons/Edit';\nimport OpenInNew from '@material-ui/icons/OpenInNew';\nimport { capitalize } from 'lodash';\nimport pluralize from 'pluralize';\nimport React, { ReactNode, useMemo } from 'react';\nimport { columnFactories } from './columns';\nimport { CatalogTableColumnsFunc, CatalogTableRow } from './types';\nimport { OffsetPaginatedCatalogTable } from './OffsetPaginatedCatalogTable';\nimport { CursorPaginatedCatalogTable } from './CursorPaginatedCatalogTable';\nimport { defaultCatalogTableColumnsFunc } from './defaultCatalogTableColumnsFunc';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { FavoriteToggleIcon } from '@backstage/core-components';\n\n/**\n * Props for {@link CatalogTable}.\n *\n * @public\n */\nexport interface CatalogTableProps {\n  columns?: TableColumn<CatalogTableRow>[] | CatalogTableColumnsFunc;\n  actions?: TableProps<CatalogTableRow>['actions'];\n  tableOptions?: TableProps<CatalogTableRow>['options'];\n  emptyContent?: ReactNode;\n  subtitle?: string;\n}\n\nconst refCompare = (a: Entity, b: Entity) => {\n  const toRef = (entity: Entity) =>\n    entity.metadata.title ||\n    humanizeEntityRef(entity, {\n      defaultKind: 'Component',\n    });\n\n  return toRef(a).localeCompare(toRef(b));\n};\n\n/** @public */\nexport const CatalogTable = (props: CatalogTableProps) => {\n  const {\n    columns = defaultCatalogTableColumnsFunc,\n    tableOptions,\n    subtitle,\n    emptyContent,\n  } = props;\n  const { isStarredEntity, toggleStarredEntity } = useStarredEntities();\n  const entityListContext = useEntityList();\n\n  const {\n    loading,\n    error,\n    entities,\n    filters,\n    pageInfo,\n    totalItems,\n    paginationMode,\n  } = entityListContext;\n\n  const tableColumns = useMemo(\n    () =>\n      typeof columns === 'function' ? columns(entityListContext) : columns,\n    [columns, entityListContext],\n  );\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  if (error) {\n    return (\n      <div>\n        <WarningPanel\n          severity=\"error\"\n          title={t('catalogTable.warningPanelTitle')}\n        >\n          <CodeSnippet language=\"text\" text={error.toString()} />\n        </WarningPanel>\n      </div>\n    );\n  }\n\n  const defaultActions: TableProps<CatalogTableRow>['actions'] = [\n    ({ entity }) => {\n      const url = entity.metadata.annotations?.[ANNOTATION_VIEW_URL];\n      const title = t('catalogTable.viewActionTitle');\n\n      return {\n        icon: () => (\n          <>\n            <Typography style={visuallyHidden}>{title}</Typography>\n            <OpenInNew fontSize=\"small\" />\n          </>\n        ),\n        tooltip: title,\n        disabled: !url,\n        onClick: () => {\n          if (!url) return;\n          window.open(url, '_blank');\n        },\n      };\n    },\n    ({ entity }) => {\n      const url = entity.metadata.annotations?.[ANNOTATION_EDIT_URL];\n      const title = t('catalogTable.editActionTitle');\n\n      return {\n        icon: () => (\n          <>\n            <Typography style={visuallyHidden}>{title}</Typography>\n            <Edit fontSize=\"small\" />\n          </>\n        ),\n        tooltip: title,\n        disabled: !url,\n        onClick: () => {\n          if (!url) return;\n          window.open(url, '_blank');\n        },\n      };\n    },\n    ({ entity }) => {\n      const isStarred = isStarredEntity(entity);\n      const title = isStarred\n        ? t('catalogTable.unStarActionTitle')\n        : t('catalogTable.starActionTitle');\n\n      return {\n        cellStyle: { paddingLeft: '1em' },\n        icon: () => <FavoriteToggleIcon isFavorite={isStarred} />,\n        tooltip: title,\n        onClick: () => toggleStarredEntity(entity),\n      };\n    },\n  ];\n\n  const currentKind = filters.kind?.value || '';\n  const currentType = filters.type?.value || '';\n  const currentCount = typeof totalItems === 'number' ? `(${totalItems})` : '';\n  // TODO(timbonicus): remove the title from the CatalogTable once using EntitySearchBar\n  const titlePreamble = capitalize(filters.user?.value ?? 'all');\n  const title = [\n    titlePreamble,\n    currentType,\n    pluralize(currentKind),\n    currentCount,\n  ]\n    .filter(s => s)\n    .join(' ');\n\n  const actions = props.actions || defaultActions;\n  const options = {\n    actionsColumnIndex: -1,\n    loadingType: 'linear' as const,\n    showEmptyDataSourceMessage: !loading,\n    padding: 'dense' as const,\n    ...tableOptions,\n  };\n\n  if (paginationMode === 'cursor') {\n    return (\n      <CursorPaginatedCatalogTable\n        columns={tableColumns}\n        emptyContent={emptyContent}\n        isLoading={loading}\n        title={title}\n        actions={actions}\n        subtitle={subtitle}\n        options={options}\n        data={entities.map(toEntityRow)}\n        next={pageInfo?.next}\n        prev={pageInfo?.prev}\n      />\n    );\n  } else if (paginationMode === 'offset') {\n    return (\n      <OffsetPaginatedCatalogTable\n        columns={tableColumns}\n        emptyContent={emptyContent}\n        isLoading={loading}\n        title={title}\n        actions={actions}\n        subtitle={subtitle}\n        options={options}\n        data={entities.map(toEntityRow)}\n      />\n    );\n  }\n\n  const rows = entities.sort(refCompare).map(toEntityRow);\n  const pageSize = 20;\n  const showPagination = rows.length > pageSize;\n\n  return (\n    <Table<CatalogTableRow>\n      isLoading={loading}\n      columns={tableColumns}\n      options={{\n        paging: showPagination,\n        pageSize: pageSize,\n        pageSizeOptions: [20, 50, 100],\n        ...options,\n      }}\n      title={title}\n      data={rows}\n      actions={actions}\n      subtitle={subtitle}\n      emptyContent={emptyContent}\n    />\n  );\n};\n\nCatalogTable.columns = columnFactories;\nCatalogTable.defaultColumnsFunc = defaultCatalogTableColumnsFunc;\n\nfunction toEntityRow(entity: Entity) {\n  const partOfSystemRelations = getEntityRelations(entity, RELATION_PART_OF, {\n    kind: 'system',\n  });\n  const ownedByRelations = getEntityRelations(entity, RELATION_OWNED_BY);\n\n  return {\n    entity,\n    resolved: {\n      // This name is here for backwards compatibility mostly; the\n      // presentation of refs in the table should in general be handled with\n      // EntityRefLink / EntityName components\n      name: humanizeEntityRef(entity, {\n        defaultKind: 'Component',\n      }),\n      entityRef: stringifyEntityRef(entity),\n      ownedByRelationsTitle: ownedByRelations\n        .map(r => humanizeEntityRef(r, { defaultKind: 'group' }))\n        .join(', '),\n      ownedByRelations,\n      partOfSystemRelationTitle: partOfSystemRelations\n        .map(r =>\n          humanizeEntityRef(r, {\n            defaultKind: 'system',\n          }),\n        )\n        .join(', '),\n      partOfSystemRelations,\n    },\n  };\n}\n"],"names":["title","Edit"],"mappings":"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"}
+{"version":3,"file":"CatalogTable.esm.js","sources":["../../../src/components/CatalogTable/CatalogTable.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 */\nimport {\n  ANNOTATION_EDIT_URL,\n  ANNOTATION_VIEW_URL,\n  Entity,\n  RELATION_OWNED_BY,\n  RELATION_PART_OF,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  CodeSnippet,\n  Table,\n  TableColumn,\n  TableProps,\n  WarningPanel,\n} from '@backstage/core-components';\nimport {\n  getEntityRelations,\n  humanizeEntityRef,\n  useEntityList,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport Typography from '@material-ui/core/Typography';\nimport { visuallyHidden } from '@mui/utils';\nimport Edit from '@material-ui/icons/Edit';\nimport OpenInNew from '@material-ui/icons/OpenInNew';\nimport { capitalize } from 'lodash';\nimport pluralize from 'pluralize';\nimport React, { ReactNode, useMemo } from 'react';\nimport { columnFactories } from './columns';\nimport { CatalogTableColumnsFunc, CatalogTableRow } from './types';\nimport { OffsetPaginatedCatalogTable } from './OffsetPaginatedCatalogTable';\nimport { CursorPaginatedCatalogTable } from './CursorPaginatedCatalogTable';\nimport { defaultCatalogTableColumnsFunc } from './defaultCatalogTableColumnsFunc';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { FavoriteToggleIcon } from '@backstage/core-components';\nimport { CatalogTableToolbar } from './CatalogTableToolbar';\n\n/**\n * Props for {@link CatalogTable}.\n *\n * @public\n */\nexport interface CatalogTableProps {\n  columns?: TableColumn<CatalogTableRow>[] | CatalogTableColumnsFunc;\n  actions?: TableProps<CatalogTableRow>['actions'];\n  tableOptions?: TableProps<CatalogTableRow>['options'];\n  emptyContent?: ReactNode;\n  /**\n   * A static title to use for the table. If not provided, a title will be\n   * generated based on the current Kind and Type filters and total number of items.\n   */\n  title?: string;\n  subtitle?: string;\n}\n\nconst refCompare = (a: Entity, b: Entity) => {\n  const toRef = (entity: Entity) =>\n    entity.metadata.title ||\n    humanizeEntityRef(entity, {\n      defaultKind: 'Component',\n    });\n\n  return toRef(a).localeCompare(toRef(b));\n};\n\n/**\n * CatalogTable is a wrapper around the Table component that is pre-configured\n * to display catalog entities.\n *\n * @remarks\n *\n * See {@link https://backstage.io/docs/features/software-catalog/catalog-customization}\n *\n * @public\n */\nexport const CatalogTable = (props: CatalogTableProps) => {\n  const {\n    columns = defaultCatalogTableColumnsFunc,\n    tableOptions,\n    subtitle,\n    emptyContent,\n  } = props;\n  const { isStarredEntity, toggleStarredEntity } = useStarredEntities();\n  const entityListContext = useEntityList();\n\n  const {\n    loading,\n    error,\n    entities,\n    filters,\n    pageInfo,\n    totalItems,\n    paginationMode,\n  } = entityListContext;\n\n  const tableColumns = useMemo(\n    () =>\n      typeof columns === 'function' ? columns(entityListContext) : columns,\n    [columns, entityListContext],\n  );\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  if (error) {\n    return (\n      <div>\n        <WarningPanel\n          severity=\"error\"\n          title={t('catalogTable.warningPanelTitle')}\n        >\n          <CodeSnippet language=\"text\" text={error.toString()} />\n        </WarningPanel>\n      </div>\n    );\n  }\n\n  const defaultActions: TableProps<CatalogTableRow>['actions'] = [\n    ({ entity }) => {\n      const url = entity.metadata.annotations?.[ANNOTATION_VIEW_URL];\n      const title = t('catalogTable.viewActionTitle');\n\n      return {\n        icon: () => (\n          <>\n            <Typography style={visuallyHidden}>{title}</Typography>\n            <OpenInNew fontSize=\"small\" />\n          </>\n        ),\n        tooltip: title,\n        disabled: !url,\n        onClick: () => {\n          if (!url) return;\n          window.open(url, '_blank');\n        },\n      };\n    },\n    ({ entity }) => {\n      const url = entity.metadata.annotations?.[ANNOTATION_EDIT_URL];\n      const title = t('catalogTable.editActionTitle');\n\n      return {\n        icon: () => (\n          <>\n            <Typography style={visuallyHidden}>{title}</Typography>\n            <Edit fontSize=\"small\" />\n          </>\n        ),\n        tooltip: title,\n        disabled: !url,\n        onClick: () => {\n          if (!url) return;\n          window.open(url, '_blank');\n        },\n      };\n    },\n    ({ entity }) => {\n      const isStarred = isStarredEntity(entity);\n      const title = isStarred\n        ? t('catalogTable.unStarActionTitle')\n        : t('catalogTable.starActionTitle');\n\n      return {\n        cellStyle: { paddingLeft: '1em' },\n        icon: () => <FavoriteToggleIcon isFavorite={isStarred} />,\n        tooltip: title,\n        onClick: () => toggleStarredEntity(entity),\n      };\n    },\n  ];\n\n  const currentKind = filters.kind?.label || '';\n  const currentType = filters.type?.value || '';\n  const currentCount = typeof totalItems === 'number' ? `(${totalItems})` : '';\n  // TODO(timbonicus): remove the title from the CatalogTable once using EntitySearchBar\n  const titlePreamble = capitalize(filters.user?.value ?? 'all');\n  const title =\n    props.title ||\n    [titlePreamble, currentType, pluralize(currentKind), currentCount]\n      .filter(s => s)\n      .join(' ');\n\n  const actions = props.actions || defaultActions;\n  const options = {\n    actionsColumnIndex: -1,\n    loadingType: 'linear' as const,\n    showEmptyDataSourceMessage: !loading,\n    padding: 'dense' as const,\n    ...tableOptions,\n  };\n\n  if (paginationMode === 'cursor') {\n    return (\n      <CursorPaginatedCatalogTable\n        columns={tableColumns}\n        emptyContent={emptyContent}\n        isLoading={loading}\n        title={title}\n        actions={actions}\n        subtitle={subtitle}\n        options={options}\n        data={entities.map(toEntityRow)}\n        next={pageInfo?.next}\n        prev={pageInfo?.prev}\n      />\n    );\n  } else if (paginationMode === 'offset') {\n    return (\n      <OffsetPaginatedCatalogTable\n        columns={tableColumns}\n        emptyContent={emptyContent}\n        isLoading={loading}\n        title={title}\n        actions={actions}\n        subtitle={subtitle}\n        options={options}\n        data={entities.map(toEntityRow)}\n      />\n    );\n  }\n\n  const rows = entities.sort(refCompare).map(toEntityRow);\n  const pageSize = 20;\n  const showPagination = rows.length > pageSize;\n\n  return (\n    <Table<CatalogTableRow>\n      isLoading={loading}\n      columns={tableColumns}\n      options={{\n        paging: showPagination,\n        pageSize: pageSize,\n        pageSizeOptions: [20, 50, 100],\n        ...options,\n      }}\n      components={{\n        Toolbar: CatalogTableToolbar,\n      }}\n      title={title}\n      data={rows}\n      actions={actions}\n      subtitle={subtitle}\n      emptyContent={emptyContent}\n    />\n  );\n};\n\nCatalogTable.columns = columnFactories;\nCatalogTable.defaultColumnsFunc = defaultCatalogTableColumnsFunc;\n\nfunction toEntityRow(entity: Entity) {\n  const partOfSystemRelations = getEntityRelations(entity, RELATION_PART_OF, {\n    kind: 'system',\n  });\n  const ownedByRelations = getEntityRelations(entity, RELATION_OWNED_BY);\n\n  return {\n    entity,\n    resolved: {\n      // This name is here for backwards compatibility mostly; the\n      // presentation of refs in the table should in general be handled with\n      // EntityRefLink / EntityName components\n      name: humanizeEntityRef(entity, {\n        defaultKind: 'Component',\n      }),\n      entityRef: stringifyEntityRef(entity),\n      ownedByRelationsTitle: ownedByRelations\n        .map(r => humanizeEntityRef(r, { defaultKind: 'group' }))\n        .join(', '),\n      ownedByRelations,\n      partOfSystemRelationTitle: partOfSystemRelations\n        .map(r =>\n          humanizeEntityRef(r, {\n            defaultKind: 'system',\n          }),\n        )\n        .join(', '),\n      partOfSystemRelations,\n    },\n  };\n}\n"],"names":["title","Edit"],"mappings":"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"}

package/dist/components/CatalogTable/CursorPaginatedCatalogTable.esm.js

@@ -3,11 +3,10 @@ import { Table } from '@backstage/core-components';
 import { CatalogTableToolbar } from './CatalogTableToolbar.esm.js';
 
 function CursorPaginatedCatalogTable(props) {
-  const { columns, data, next, prev, title, isLoading, options, ...restProps } = props;
+  const { columns, data, next, prev, options, ...restProps } = props;
   return /* @__PURE__ */ React.createElement(
     Table,
     {
-      title: isLoading ? "" : title,
       columns,
       data,
       options: {
@@ -32,7 +31,6 @@ function CursorPaginatedCatalogTable(props) {
       page: prev ? 1 : 0,
       totalCount: next ? Number.MAX_VALUE : Number.MAX_SAFE_INTEGER,
       localization: { pagination: { labelDisplayedRows: "" } },
-      isLoading,
       ...restProps
     }
   );

package/dist/components/CatalogTable/CursorPaginatedCatalogTable.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorPaginatedCatalogTable.esm.js","sources":["../../../src/components/CatalogTable/CursorPaginatedCatalogTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { Table, TableProps } from '@backstage/core-components';\nimport { CatalogTableRow } from './types';\nimport { CatalogTableToolbar } from './CatalogTableToolbar';\n\ntype PaginatedCatalogTableProps = {\n  prev?(): void;\n  next?(): void;\n} & TableProps<CatalogTableRow>;\n\n/**\n * @internal\n */\n\nexport function CursorPaginatedCatalogTable(props: PaginatedCatalogTableProps) {\n  const { columns, data, next, prev, title, isLoading, options, ...restProps } =\n    props;\n\n  return (\n    <Table\n      title={isLoading ? '' : title}\n      columns={columns}\n      data={data}\n      options={{\n        paginationPosition: 'both',\n        ...options,\n        // These settings are configured to force server side pagination\n        pageSizeOptions: [],\n        showFirstLastPageButtons: false,\n        pageSize: Number.MAX_SAFE_INTEGER,\n        emptyRowsWhenPaging: false,\n      }}\n      onPageChange={page => {\n        if (page > 0) {\n          next?.();\n        } else {\n          prev?.();\n        }\n      }}\n      components={{\n        Toolbar: CatalogTableToolbar,\n      }}\n      /* this will enable the prev button accordingly */\n      page={prev ? 1 : 0}\n      /* this will enable the next button accordingly */\n      totalCount={next ? Number.MAX_VALUE : Number.MAX_SAFE_INTEGER}\n      localization={{ pagination: { labelDisplayedRows: '' } }}\n      isLoading={isLoading}\n      {...restProps}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AA+BO,SAAS,4BAA4B,KAAmC,EAAA;AAC7E,EAAM,MAAA,EAAE,OAAS,EAAA,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,OAAO,SAAW,EAAA,OAAA,EAAS,GAAG,SAAA,EAC/D,GAAA,KAAA;AAEF,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAY,EAAK,GAAA,KAAA;AAAA,MACxB,OAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,kBAAoB,EAAA,MAAA;AAAA,QACpB,GAAG,OAAA;AAAA;AAAA,QAEH,iBAAiB,EAAC;AAAA,QAClB,wBAA0B,EAAA,KAAA;AAAA,QAC1B,UAAU,MAAO,CAAA,gBAAA;AAAA,QACjB,mBAAqB,EAAA;AAAA,OACvB;AAAA,MACA,cAAc,CAAQ,IAAA,KAAA;AACpB,QAAA,IAAI,OAAO,CAAG,EAAA;AACZ,UAAO,IAAA,IAAA;AAAA,SACF,MAAA;AACL,UAAO,IAAA,IAAA;AAAA;AACT,OACF;AAAA,MACA,UAAY,EAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACX;AAAA,MAEA,IAAA,EAAM,OAAO,CAAI,GAAA,CAAA;AAAA,MAEjB,UAAY,EAAA,IAAA,GAAO,MAAO,CAAA,SAAA,GAAY,MAAO,CAAA,gBAAA;AAAA,MAC7C,cAAc,EAAE,UAAA,EAAY,EAAE,kBAAA,EAAoB,IAAK,EAAA;AAAA,MACvD,SAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"CursorPaginatedCatalogTable.esm.js","sources":["../../../src/components/CatalogTable/CursorPaginatedCatalogTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { Table, TableProps } from '@backstage/core-components';\nimport { CatalogTableRow } from './types';\nimport { CatalogTableToolbar } from './CatalogTableToolbar';\n\ntype PaginatedCatalogTableProps = {\n  prev?(): void;\n  next?(): void;\n} & TableProps<CatalogTableRow>;\n\n/**\n * @internal\n */\n\nexport function CursorPaginatedCatalogTable(props: PaginatedCatalogTableProps) {\n  const { columns, data, next, prev, options, ...restProps } = props;\n\n  return (\n    <Table\n      columns={columns}\n      data={data}\n      options={{\n        paginationPosition: 'both',\n        ...options,\n        // These settings are configured to force server side pagination\n        pageSizeOptions: [],\n        showFirstLastPageButtons: false,\n        pageSize: Number.MAX_SAFE_INTEGER,\n        emptyRowsWhenPaging: false,\n      }}\n      onPageChange={page => {\n        if (page > 0) {\n          next?.();\n        } else {\n          prev?.();\n        }\n      }}\n      components={{\n        Toolbar: CatalogTableToolbar,\n      }}\n      /* this will enable the prev button accordingly */\n      page={prev ? 1 : 0}\n      /* this will enable the next button accordingly */\n      totalCount={next ? Number.MAX_VALUE : Number.MAX_SAFE_INTEGER}\n      localization={{ pagination: { labelDisplayedRows: '' } }}\n      {...restProps}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AA+BO,SAAS,4BAA4B,KAAmC,EAAA;AAC7E,EAAM,MAAA,EAAE,SAAS,IAAM,EAAA,IAAA,EAAM,MAAM,OAAS,EAAA,GAAG,WAAc,GAAA,KAAA;AAE7D,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,kBAAoB,EAAA,MAAA;AAAA,QACpB,GAAG,OAAA;AAAA;AAAA,QAEH,iBAAiB,EAAC;AAAA,QAClB,wBAA0B,EAAA,KAAA;AAAA,QAC1B,UAAU,MAAO,CAAA,gBAAA;AAAA,QACjB,mBAAqB,EAAA;AAAA,OACvB;AAAA,MACA,cAAc,CAAQ,IAAA,KAAA;AACpB,QAAA,IAAI,OAAO,CAAG,EAAA;AACZ,UAAO,IAAA,IAAA;AAAA,SACF,MAAA;AACL,UAAO,IAAA,IAAA;AAAA;AACT,OACF;AAAA,MACA,UAAY,EAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACX;AAAA,MAEA,IAAA,EAAM,OAAO,CAAI,GAAA,CAAA;AAAA,MAEjB,UAAY,EAAA,IAAA,GAAO,MAAO,CAAA,SAAA,GAAY,MAAO,CAAA,gBAAA;AAAA,MAC7C,cAAc,EAAE,UAAA,EAAY,EAAE,kBAAA,EAAoB,IAAK,EAAA;AAAA,MACtD,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/CatalogTable/OffsetPaginatedCatalogTable.esm.js

@@ -4,7 +4,7 @@ import { useEntityList } from '@backstage/plugin-catalog-react';
 import { CatalogTableToolbar } from './CatalogTableToolbar.esm.js';
 
 function OffsetPaginatedCatalogTable(props) {
-  const { columns, data, isLoading, options } = props;
+  const { columns, data, options, ...restProps } = props;
   const { setLimit, setOffset, limit, totalItems, offset } = useEntityList();
   const [page, setPage] = React.useState(
     offset && limit ? Math.floor(offset / limit) : 0
@@ -40,7 +40,7 @@ function OffsetPaginatedCatalogTable(props) {
       },
       totalCount: totalItems,
       localization: { pagination: { labelDisplayedRows: "" } },
-      isLoading
+      ...restProps
     }
   );
 }

package/dist/components/CatalogTable/OffsetPaginatedCatalogTable.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetPaginatedCatalogTable.esm.js","sources":["../../../src/components/CatalogTable/OffsetPaginatedCatalogTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useEffect } from 'react';\n\nimport { Table, TableProps } from '@backstage/core-components';\nimport { CatalogTableRow } from './types';\nimport { useEntityList } from '@backstage/plugin-catalog-react';\nimport { CatalogTableToolbar } from './CatalogTableToolbar';\n\n/**\n * @internal\n */\nexport function OffsetPaginatedCatalogTable(\n  props: TableProps<CatalogTableRow>,\n) {\n  const { columns, data, isLoading, options } = props;\n  const { setLimit, setOffset, limit, totalItems, offset } = useEntityList();\n\n  const [page, setPage] = React.useState(\n    offset && limit ? Math.floor(offset / limit) : 0,\n  );\n\n  useEffect(() => {\n    if (totalItems && page * limit >= totalItems) {\n      setOffset!(Math.max(0, totalItems - limit));\n    } else {\n      setOffset!(Math.max(0, page * limit));\n    }\n  }, [setOffset, page, limit, totalItems]);\n\n  return (\n    <Table\n      columns={columns}\n      data={data}\n      options={{\n        paginationPosition: 'both',\n        pageSizeOptions: [5, 10, 20, 50, 100],\n        pageSize: limit,\n        emptyRowsWhenPaging: false,\n        ...options,\n      }}\n      components={{\n        Toolbar: CatalogTableToolbar,\n      }}\n      page={page}\n      onPageChange={newPage => {\n        setPage(newPage);\n      }}\n      onRowsPerPageChange={pageSize => {\n        setLimit(pageSize);\n      }}\n      totalCount={totalItems}\n      localization={{ pagination: { labelDisplayedRows: '' } }}\n      isLoading={isLoading}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AA0BO,SAAS,4BACd,KACA,EAAA;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,IAAM,EAAA,SAAA,EAAW,SAAY,GAAA,KAAA;AAC9C,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,UAAY,EAAA,MAAA,KAAW,aAAc,EAAA;AAEzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC5B,UAAU,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,MAAA,GAAS,KAAK,CAAI,GAAA;AAAA,GACjD;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,IAAc,IAAO,GAAA,KAAA,IAAS,UAAY,EAAA;AAC5C,MAAA,SAAA,CAAW,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,UAAA,GAAa,KAAK,CAAC,CAAA;AAAA,KACrC,MAAA;AACL,MAAA,SAAA,CAAW,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,IAAA,GAAO,KAAK,CAAC,CAAA;AAAA;AACtC,KACC,CAAC,SAAA,EAAW,IAAM,EAAA,KAAA,EAAO,UAAU,CAAC,CAAA;AAEvC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,kBAAoB,EAAA,MAAA;AAAA,QACpB,iBAAiB,CAAC,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,IAAI,GAAG,CAAA;AAAA,QACpC,QAAU,EAAA,KAAA;AAAA,QACV,mBAAqB,EAAA,KAAA;AAAA,QACrB,GAAG;AAAA,OACL;AAAA,MACA,UAAY,EAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACX;AAAA,MACA,IAAA;AAAA,MACA,cAAc,CAAW,OAAA,KAAA;AACvB,QAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,OACjB;AAAA,MACA,qBAAqB,CAAY,QAAA,KAAA;AAC/B,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,OACnB;AAAA,MACA,UAAY,EAAA,UAAA;AAAA,MACZ,cAAc,EAAE,UAAA,EAAY,EAAE,kBAAA,EAAoB,IAAK,EAAA;AAAA,MACvD;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"OffsetPaginatedCatalogTable.esm.js","sources":["../../../src/components/CatalogTable/OffsetPaginatedCatalogTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useEffect } from 'react';\n\nimport { Table, TableProps } from '@backstage/core-components';\nimport { CatalogTableRow } from './types';\nimport { useEntityList } from '@backstage/plugin-catalog-react';\nimport { CatalogTableToolbar } from './CatalogTableToolbar';\n\n/**\n * @internal\n */\nexport function OffsetPaginatedCatalogTable(\n  props: TableProps<CatalogTableRow>,\n) {\n  const { columns, data, options, ...restProps } = props;\n  const { setLimit, setOffset, limit, totalItems, offset } = useEntityList();\n\n  const [page, setPage] = React.useState(\n    offset && limit ? Math.floor(offset / limit) : 0,\n  );\n\n  useEffect(() => {\n    if (totalItems && page * limit >= totalItems) {\n      setOffset!(Math.max(0, totalItems - limit));\n    } else {\n      setOffset!(Math.max(0, page * limit));\n    }\n  }, [setOffset, page, limit, totalItems]);\n\n  return (\n    <Table\n      columns={columns}\n      data={data}\n      options={{\n        paginationPosition: 'both',\n        pageSizeOptions: [5, 10, 20, 50, 100],\n        pageSize: limit,\n        emptyRowsWhenPaging: false,\n        ...options,\n      }}\n      components={{\n        Toolbar: CatalogTableToolbar,\n      }}\n      page={page}\n      onPageChange={newPage => {\n        setPage(newPage);\n      }}\n      onRowsPerPageChange={pageSize => {\n        setLimit(pageSize);\n      }}\n      totalCount={totalItems}\n      localization={{ pagination: { labelDisplayedRows: '' } }}\n      {...restProps}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AA0BO,SAAS,4BACd,KACA,EAAA;AACA,EAAA,MAAM,EAAE,OAAS,EAAA,IAAA,EAAM,OAAS,EAAA,GAAG,WAAc,GAAA,KAAA;AACjD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,UAAY,EAAA,MAAA,KAAW,aAAc,EAAA;AAEzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC5B,UAAU,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,MAAA,GAAS,KAAK,CAAI,GAAA;AAAA,GACjD;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,IAAc,IAAO,GAAA,KAAA,IAAS,UAAY,EAAA;AAC5C,MAAA,SAAA,CAAW,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,UAAA,GAAa,KAAK,CAAC,CAAA;AAAA,KACrC,MAAA;AACL,MAAA,SAAA,CAAW,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,IAAA,GAAO,KAAK,CAAC,CAAA;AAAA;AACtC,KACC,CAAC,SAAA,EAAW,IAAM,EAAA,KAAA,EAAO,UAAU,CAAC,CAAA;AAEvC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,kBAAoB,EAAA,MAAA;AAAA,QACpB,iBAAiB,CAAC,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,IAAI,GAAG,CAAA;AAAA,QACpC,QAAU,EAAA,KAAA;AAAA,QACV,mBAAqB,EAAA,KAAA;AAAA,QACrB,GAAG;AAAA,OACL;AAAA,MACA,UAAY,EAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACX;AAAA,MACA,IAAA;AAAA,MACA,cAAc,CAAW,OAAA,KAAA;AACvB,QAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,OACjB;AAAA,MACA,qBAAqB,CAAY,QAAA,KAAA;AAC/B,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,OACnB;AAAA,MACA,UAAY,EAAA,UAAA;AAAA,MACZ,cAAc,EAAE,UAAA,EAAY,EAAE,kBAAA,EAAoB,IAAK,EAAA;AAAA,MACtD,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/HasSubdomainsCard/HasSubdomainsCard.esm.js

@@ -1,7 +1,7 @@
 import { RELATION_HAS_PART } from '@backstage/catalog-model';
 import React from 'react';
 import { RelatedEntitiesCard } from '../RelatedEntitiesCard/RelatedEntitiesCard.esm.js';
-import { componentEntityColumns, asComponentEntities } from '../RelatedEntitiesCard/presets.esm.js';
+import { domainEntityColumns, asDomainEntities, domainEntityHelpLink } from '../RelatedEntitiesCard/presets.esm.js';
 import { catalogTranslationRef } from '../../alpha/translation.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
@@ -9,8 +9,9 @@ function HasSubdomainsCard(props) {
   const { t } = useTranslationRef(catalogTranslationRef);
   const {
     variant = "gridItem",
-    tableOptions = {},
-    title = t("hasSubdomainsCard.title")
+    title = t("hasSubdomainsCard.title"),
+    columns = domainEntityColumns,
+    tableOptions = {}
   } = props;
   return /* @__PURE__ */ React.createElement(
     RelatedEntitiesCard,
@@ -19,10 +20,10 @@ function HasSubdomainsCard(props) {
       title,
       entityKind: "Domain",
       relationType: RELATION_HAS_PART,
-      columns: componentEntityColumns,
-      asRenderableEntities: asComponentEntities,
+      columns,
+      asRenderableEntities: asDomainEntities,
       emptyMessage: t("hasSubdomainsCard.emptyMessage"),
-      emptyHelpLink: "https://backstage.io/docs/features/software-catalog/descriptor-format/#specsubdomainof-optional",
+      emptyHelpLink: domainEntityHelpLink,
       tableOptions
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"HasSubdomainsCard.esm.js","sources":["../../../src/components/HasSubdomainsCard/HasSubdomainsCard.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, TableOptions } from '@backstage/core-components';\nimport React from 'react';\nimport {\n  asComponentEntities,\n  componentEntityColumns,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport interface HasSubdomainsCardProps {\n  variant?: InfoCardVariants;\n  tableOptions?: TableOptions;\n  title?: string;\n}\n\nexport function HasSubdomainsCard(props: HasSubdomainsCardProps) {\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const {\n    variant = 'gridItem',\n    tableOptions = {},\n    title = t('hasSubdomainsCard.title'),\n  } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Domain\"\n      relationType={RELATION_HAS_PART}\n      columns={componentEntityColumns}\n      asRenderableEntities={asComponentEntities}\n      emptyMessage={t('hasSubdomainsCard.emptyMessage')}\n      emptyHelpLink=\"https://backstage.io/docs/features/software-catalog/descriptor-format/#specsubdomainof-optional\"\n      tableOptions={tableOptions}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAkCO,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,qBAAqB,CAAA;AACrD,EAAM,MAAA;AAAA,IACJ,OAAU,GAAA,UAAA;AAAA,IACV,eAAe,EAAC;AAAA,IAChB,KAAA,GAAQ,EAAE,yBAAyB;AAAA,GACjC,GAAA,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAW,EAAA,QAAA;AAAA,MACX,YAAc,EAAA,iBAAA;AAAA,MACd,OAAS,EAAA,sBAAA;AAAA,MACT,oBAAsB,EAAA,mBAAA;AAAA,MACtB,YAAA,EAAc,EAAE,gCAAgC,CAAA;AAAA,MAChD,aAAc,EAAA,iGAAA;AAAA,MACd;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"HasSubdomainsCard.esm.js","sources":["../../../src/components/HasSubdomainsCard/HasSubdomainsCard.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 { DomainEntity, RELATION_HAS_PART } from '@backstage/catalog-model';\nimport {\n  InfoCardVariants,\n  TableColumn,\n  TableOptions,\n} from '@backstage/core-components';\nimport React from 'react';\nimport {\n  asDomainEntities,\n  domainEntityColumns,\n  domainEntityHelpLink,\n  RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport interface HasSubdomainsCardProps {\n  variant?: InfoCardVariants;\n  tableOptions?: TableOptions;\n  columns?: TableColumn<DomainEntity>[];\n  title?: string;\n}\n\nexport function HasSubdomainsCard(props: HasSubdomainsCardProps) {\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const {\n    variant = 'gridItem',\n    title = t('hasSubdomainsCard.title'),\n    columns = domainEntityColumns,\n    tableOptions = {},\n  } = props;\n  return (\n    <RelatedEntitiesCard\n      variant={variant}\n      title={title}\n      entityKind=\"Domain\"\n      relationType={RELATION_HAS_PART}\n      columns={columns}\n      asRenderableEntities={asDomainEntities}\n      emptyMessage={t('hasSubdomainsCard.emptyMessage')}\n      emptyHelpLink={domainEntityHelpLink}\n      tableOptions={tableOptions}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAwCO,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,qBAAqB,CAAA;AACrD,EAAM,MAAA;AAAA,IACJ,OAAU,GAAA,UAAA;AAAA,IACV,KAAA,GAAQ,EAAE,yBAAyB,CAAA;AAAA,IACnC,OAAU,GAAA,mBAAA;AAAA,IACV,eAAe;AAAC,GACd,GAAA,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAW,EAAA,QAAA;AAAA,MACX,YAAc,EAAA,iBAAA;AAAA,MACd,OAAA;AAAA,MACA,oBAAsB,EAAA,gBAAA;AAAA,MACtB,YAAA,EAAc,EAAE,gCAAgC,CAAA;AAAA,MAChD,aAAe,EAAA,oBAAA;AAAA,MACf;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/RelatedEntitiesCard/RelatedEntitiesCard.esm.js

@@ -2,7 +2,7 @@ import Typography from '@material-ui/core/Typography';
 import { useEntity, useRelatedEntities, EntityTable } from '@backstage/plugin-catalog-react';
 import React from 'react';
 import { InfoCard, Progress, ResponseErrorPanel, Link } from '@backstage/core-components';
-import { componentEntityColumns, componentEntityHelpLink, asComponentEntities, resourceEntityColumns, resourceEntityHelpLink, asResourceEntities, systemEntityColumns, systemEntityHelpLink, asSystemEntities } from './presets.esm.js';
+import { componentEntityColumns, componentEntityHelpLink, asComponentEntities, resourceEntityColumns, resourceEntityHelpLink, asResourceEntities, systemEntityColumns, systemEntityHelpLink, asSystemEntities, domainEntityColumns, domainEntityHelpLink, asDomainEntities } from './presets.esm.js';
 import { catalogTranslationRef } from '../../alpha/translation.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
@@ -51,6 +51,9 @@ RelatedEntitiesCard.asResourceEntities = asResourceEntities;
 RelatedEntitiesCard.systemEntityColumns = systemEntityColumns;
 RelatedEntitiesCard.systemEntityHelpLink = systemEntityHelpLink;
 RelatedEntitiesCard.asSystemEntities = asSystemEntities;
+RelatedEntitiesCard.domainEntityColums = domainEntityColumns;
+RelatedEntitiesCard.domainEntityHelpLink = domainEntityHelpLink;
+RelatedEntitiesCard.asDomainEntities = asDomainEntities;
 
 export { RelatedEntitiesCard };
 //# sourceMappingURL=RelatedEntitiesCard.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RelatedEntitiesCard.esm.js","sources":["../../../src/components/RelatedEntitiesCard/RelatedEntitiesCard.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 { Entity } from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n  TableColumn,\n  TableOptions,\n} from '@backstage/core-components';\nimport {\n  asComponentEntities,\n  asResourceEntities,\n  asSystemEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  resourceEntityColumns,\n  resourceEntityHelpLink,\n  systemEntityColumns,\n  systemEntityHelpLink,\n} from './presets';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport type RelatedEntitiesCardProps<T extends Entity> = {\n  variant?: InfoCardVariants;\n  title: string;\n  columns: TableColumn<T>[];\n  entityKind?: string;\n  relationType: string;\n  emptyMessage: string;\n  emptyHelpLink: string;\n  asRenderableEntities: (entities: Entity[]) => T[];\n  tableOptions?: TableOptions;\n};\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = <T extends Entity>(\n  props: RelatedEntitiesCardProps<T>,\n) => {\n  const {\n    variant = 'gridItem',\n    title,\n    columns,\n    entityKind,\n    relationType,\n    emptyMessage,\n    emptyHelpLink,\n    asRenderableEntities,\n    tableOptions = {},\n  } = props;\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: relationType,\n    kind: entityKind,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <ResponseErrorPanel error={error} />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title={title}\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">{emptyMessage}</Typography>\n          <Typography variant=\"body2\">\n            <Link to={emptyHelpLink} externalLinkIcon>\n              {t('relatedEntitiesCard.emptyHelpLinkTitle')}\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      entities={asRenderableEntities(entities || [])}\n      tableOptions={tableOptions}\n    />\n  );\n};\n\nRelatedEntitiesCard.componentEntityColumns = componentEntityColumns;\nRelatedEntitiesCard.componentEntityHelpLink = componentEntityHelpLink;\nRelatedEntitiesCard.asComponentEntities = asComponentEntities;\nRelatedEntitiesCard.resourceEntityColumns = resourceEntityColumns;\nRelatedEntitiesCard.resourceEntityHelpLink = resourceEntityHelpLink;\nRelatedEntitiesCard.asResourceEntities = asResourceEntities;\nRelatedEntitiesCard.systemEntityColumns = systemEntityColumns;\nRelatedEntitiesCard.systemEntityHelpLink = systemEntityHelpLink;\nRelatedEntitiesCard.asSystemEntities = asSystemEntities;\n"],"names":[],"mappings":";;;;;;;;AAwEa,MAAA,mBAAA,GAAsB,CACjC,KACG,KAAA;AACH,EAAM,MAAA;AAAA,IACJ,OAAU,GAAA,UAAA;AAAA,IACV,KAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,eAAe;AAAC,GACd,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,qBAAqB,CAAA;AACrD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,mBAAmB,MAAQ,EAAA;AAAA,IAC9D,IAAM,EAAA,YAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,KAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA;AAAA;AAIJ,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,yBACzB,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA;AAAA;AAIJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,YACE,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,SAAA,EAAW,QAAS,EAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAS,YAAa,CAAA,kBACzC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,aAAA,EAAe,gBAAgB,EAAA,IAAA,EAAA,EACtC,CAAE,CAAA,wCAAwC,CAC7C,CACF,CACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA,QAAU,EAAA,oBAAA,CAAqB,QAAY,IAAA,EAAE,CAAA;AAAA,MAC7C;AAAA;AAAA,GACF;AAEJ;AAEA,mBAAA,CAAoB,sBAAyB,GAAA,sBAAA;AAC7C,mBAAA,CAAoB,uBAA0B,GAAA,uBAAA;AAC9C,mBAAA,CAAoB,mBAAsB,GAAA,mBAAA;AAC1C,mBAAA,CAAoB,qBAAwB,GAAA,qBAAA;AAC5C,mBAAA,CAAoB,sBAAyB,GAAA,sBAAA;AAC7C,mBAAA,CAAoB,kBAAqB,GAAA,kBAAA;AACzC,mBAAA,CAAoB,mBAAsB,GAAA,mBAAA;AAC1C,mBAAA,CAAoB,oBAAuB,GAAA,oBAAA;AAC3C,mBAAA,CAAoB,gBAAmB,GAAA,gBAAA;;;;"}
+{"version":3,"file":"RelatedEntitiesCard.esm.js","sources":["../../../src/components/RelatedEntitiesCard/RelatedEntitiesCard.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 { Entity } from '@backstage/catalog-model';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  EntityTable,\n  useEntity,\n  useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n  TableColumn,\n  TableOptions,\n} from '@backstage/core-components';\nimport {\n  asComponentEntities,\n  asDomainEntities,\n  asResourceEntities,\n  asSystemEntities,\n  componentEntityColumns,\n  componentEntityHelpLink,\n  domainEntityColumns,\n  domainEntityHelpLink,\n  resourceEntityColumns,\n  resourceEntityHelpLink,\n  systemEntityColumns,\n  systemEntityHelpLink,\n} from './presets';\nimport { catalogTranslationRef } from '../../alpha/translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport type RelatedEntitiesCardProps<T extends Entity> = {\n  variant?: InfoCardVariants;\n  title: string;\n  columns: TableColumn<T>[];\n  entityKind?: string;\n  relationType: string;\n  emptyMessage: string;\n  emptyHelpLink: string;\n  asRenderableEntities: (entities: Entity[]) => T[];\n  tableOptions?: TableOptions;\n};\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = <T extends Entity>(\n  props: RelatedEntitiesCardProps<T>,\n) => {\n  const {\n    variant = 'gridItem',\n    title,\n    columns,\n    entityKind,\n    relationType,\n    emptyMessage,\n    emptyHelpLink,\n    asRenderableEntities,\n    tableOptions = {},\n  } = props;\n  const { t } = useTranslationRef(catalogTranslationRef);\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: relationType,\n    kind: entityKind,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <ResponseErrorPanel error={error} />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title={title}\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">{emptyMessage}</Typography>\n          <Typography variant=\"body2\">\n            <Link to={emptyHelpLink} externalLinkIcon>\n              {t('relatedEntitiesCard.emptyHelpLinkTitle')}\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      entities={asRenderableEntities(entities || [])}\n      tableOptions={tableOptions}\n    />\n  );\n};\n\nRelatedEntitiesCard.componentEntityColumns = componentEntityColumns;\nRelatedEntitiesCard.componentEntityHelpLink = componentEntityHelpLink;\nRelatedEntitiesCard.asComponentEntities = asComponentEntities;\nRelatedEntitiesCard.resourceEntityColumns = resourceEntityColumns;\nRelatedEntitiesCard.resourceEntityHelpLink = resourceEntityHelpLink;\nRelatedEntitiesCard.asResourceEntities = asResourceEntities;\nRelatedEntitiesCard.systemEntityColumns = systemEntityColumns;\nRelatedEntitiesCard.systemEntityHelpLink = systemEntityHelpLink;\nRelatedEntitiesCard.asSystemEntities = asSystemEntities;\nRelatedEntitiesCard.domainEntityColums = domainEntityColumns;\nRelatedEntitiesCard.domainEntityHelpLink = domainEntityHelpLink;\nRelatedEntitiesCard.asDomainEntities = asDomainEntities;\n"],"names":[],"mappings":";;;;;;;;AA2Ea,MAAA,mBAAA,GAAsB,CACjC,KACG,KAAA;AACH,EAAM,MAAA;AAAA,IACJ,OAAU,GAAA,UAAA;AAAA,IACV,KAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,eAAe;AAAC,GACd,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,qBAAqB,CAAA;AACrD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,QAAU,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,mBAAmB,MAAQ,EAAA;AAAA,IAC9D,IAAM,EAAA,YAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,KAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA;AAAA;AAIJ,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2CACG,QAAS,EAAA,EAAA,OAAA,EAAkB,yBACzB,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA;AAAA;AAIJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,YACE,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,SAAA,EAAW,QAAS,EAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAS,YAAa,CAAA,kBACzC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,aAAA,EAAe,gBAAgB,EAAA,IAAA,EAAA,EACtC,CAAE,CAAA,wCAAwC,CAC7C,CACF,CACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA,QAAU,EAAA,oBAAA,CAAqB,QAAY,IAAA,EAAE,CAAA;AAAA,MAC7C;AAAA;AAAA,GACF;AAEJ;AAEA,mBAAA,CAAoB,sBAAyB,GAAA,sBAAA;AAC7C,mBAAA,CAAoB,uBAA0B,GAAA,uBAAA;AAC9C,mBAAA,CAAoB,mBAAsB,GAAA,mBAAA;AAC1C,mBAAA,CAAoB,qBAAwB,GAAA,qBAAA;AAC5C,mBAAA,CAAoB,sBAAyB,GAAA,sBAAA;AAC7C,mBAAA,CAAoB,kBAAqB,GAAA,kBAAA;AACzC,mBAAA,CAAoB,mBAAsB,GAAA,mBAAA;AAC1C,mBAAA,CAAoB,oBAAuB,GAAA,oBAAA;AAC3C,mBAAA,CAAoB,gBAAmB,GAAA,gBAAA;AACvC,mBAAA,CAAoB,kBAAqB,GAAA,mBAAA;AACzC,mBAAA,CAAoB,oBAAuB,GAAA,oBAAA;AAC3C,mBAAA,CAAoB,gBAAmB,GAAA,gBAAA;;;;"}

package/dist/components/RelatedEntitiesCard/index.esm.js

@@ -1,3 +1,3 @@
 export { RelatedEntitiesCard } from './RelatedEntitiesCard.esm.js';
-export { asComponentEntities, asResourceEntities, asSystemEntities, componentEntityColumns, componentEntityHelpLink, resourceEntityColumns, resourceEntityHelpLink, systemEntityColumns, systemEntityHelpLink } from './presets.esm.js';
+export { asComponentEntities, asDomainEntities, asResourceEntities, asSystemEntities, componentEntityColumns, componentEntityHelpLink, domainEntityColumns, domainEntityHelpLink, resourceEntityColumns, resourceEntityHelpLink, systemEntityColumns, systemEntityHelpLink } from './presets.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/components/RelatedEntitiesCard/presets.esm.js

@@ -25,6 +25,13 @@ const systemEntityColumns = [
 ];
 const systemEntityHelpLink = "https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system";
 const asSystemEntities = (entities) => entities;
+const domainEntityColumns = [
+  EntityTable.columns.createEntityRefColumn({ defaultKind: "domain" }),
+  EntityTable.columns.createOwnerColumn(),
+  EntityTable.columns.createMetadataDescriptionColumn()
+];
+const domainEntityHelpLink = "https://backstage.io/docs/features/software-catalog/descriptor-format#kind-domain";
+const asDomainEntities = (entities) => entities;
 
-export { asComponentEntities, asResourceEntities, asSystemEntities, componentEntityColumns, componentEntityHelpLink, resourceEntityColumns, resourceEntityHelpLink, systemEntityColumns, systemEntityHelpLink };
+export { asComponentEntities, asDomainEntities, asResourceEntities, asSystemEntities, componentEntityColumns, componentEntityHelpLink, domainEntityColumns, domainEntityHelpLink, resourceEntityColumns, resourceEntityHelpLink, systemEntityColumns, systemEntityHelpLink };
 //# sourceMappingURL=presets.esm.js.map

package/dist/components/RelatedEntitiesCard/presets.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"presets.esm.js","sources":["../../../src/components/RelatedEntitiesCard/presets.ts"],"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 */\nimport {\n  ComponentEntity,\n  Entity,\n  ResourceEntity,\n  SystemEntity,\n} from '@backstage/catalog-model';\nimport { EntityTable } from '@backstage/plugin-catalog-react';\nimport { TableColumn } from '@backstage/core-components';\n\nexport const componentEntityColumns: TableColumn<ComponentEntity>[] = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink: string =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities: Entity[]): ComponentEntity[] =>\n  entities as ComponentEntity[];\n\nexport const resourceEntityColumns: TableColumn<ResourceEntity>[] = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink: string =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities: Entity[]): ResourceEntity[] =>\n  entities as ResourceEntity[];\n\nexport const systemEntityColumns: TableColumn<SystemEntity>[] = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink: string =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities: Entity[]): SystemEntity[] =>\n  entities as SystemEntity[];\n"],"names":[],"mappings":";;AAwBO,MAAM,sBAAyD,GAAA;AAAA,EACpE,YAAY,OAAQ,CAAA,qBAAA,CAAsB,EAAE,WAAA,EAAa,aAAa,CAAA;AAAA,EACtE,WAAA,CAAY,QAAQ,iBAAkB,EAAA;AAAA,EACtC,WAAA,CAAY,QAAQ,oBAAqB,EAAA;AAAA,EACzC,WAAA,CAAY,QAAQ,yBAA0B,EAAA;AAAA,EAC9C,WAAA,CAAY,QAAQ,+BAAgC;AACtD;AACO,MAAM,uBACX,GAAA;AACW,MAAA,mBAAA,GAAsB,CAAC,QAClC,KAAA;AAEK,MAAM,qBAAuD,GAAA;AAAA,EAClE,YAAY,OAAQ,CAAA,qBAAA,CAAsB,EAAE,WAAA,EAAa,YAAY,CAAA;AAAA,EACrE,WAAA,CAAY,QAAQ,iBAAkB,EAAA;AAAA,EACtC,WAAA,CAAY,QAAQ,oBAAqB,EAAA;AAAA,EACzC,WAAA,CAAY,QAAQ,yBAA0B,EAAA;AAAA,EAC9C,WAAA,CAAY,QAAQ,+BAAgC;AACtD;AACO,MAAM,sBACX,GAAA;AACW,MAAA,kBAAA,GAAqB,CAAC,QACjC,KAAA;AAEK,MAAM,mBAAmD,GAAA;AAAA,EAC9D,YAAY,OAAQ,CAAA,qBAAA,CAAsB,EAAE,WAAA,EAAa,UAAU,CAAA;AAAA,EACnE,WAAA,CAAY,QAAQ,iBAAkB,EAAA;AAAA,EACtC,WAAA,CAAY,QAAQ,+BAAgC;AACtD;AACO,MAAM,oBACX,GAAA;AACW,MAAA,gBAAA,GAAmB,CAAC,QAC/B,KAAA;;;;"}
+{"version":3,"file":"presets.esm.js","sources":["../../../src/components/RelatedEntitiesCard/presets.ts"],"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 */\nimport {\n  ComponentEntity,\n  DomainEntity,\n  Entity,\n  ResourceEntity,\n  SystemEntity,\n} from '@backstage/catalog-model';\nimport { EntityTable } from '@backstage/plugin-catalog-react';\nimport { TableColumn } from '@backstage/core-components';\n\nexport const componentEntityColumns: TableColumn<ComponentEntity>[] = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink: string =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities: Entity[]): ComponentEntity[] =>\n  entities as ComponentEntity[];\n\nexport const resourceEntityColumns: TableColumn<ResourceEntity>[] = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createSpecTypeColumn(),\n  EntityTable.columns.createSpecLifecycleColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink: string =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities: Entity[]): ResourceEntity[] =>\n  entities as ResourceEntity[];\n\nexport const systemEntityColumns: TableColumn<SystemEntity>[] = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink: string =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities: Entity[]): SystemEntity[] =>\n  entities as SystemEntity[];\n\nexport const domainEntityColumns: TableColumn<DomainEntity>[] = [\n  EntityTable.columns.createEntityRefColumn({ defaultKind: 'domain' }),\n  EntityTable.columns.createOwnerColumn(),\n  EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const domainEntityHelpLink: string =\n  'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-domain';\nexport const asDomainEntities = (entities: Entity[]): DomainEntity[] =>\n  entities as DomainEntity[];\n"],"names":[],"mappings":";;AAyBO,MAAM,sBAAyD,GAAA;AAAA,EACpE,YAAY,OAAQ,CAAA,qBAAA,CAAsB,EAAE,WAAA,EAAa,aAAa,CAAA;AAAA,EACtE,WAAA,CAAY,QAAQ,iBAAkB,EAAA;AAAA,EACtC,WAAA,CAAY,QAAQ,oBAAqB,EAAA;AAAA,EACzC,WAAA,CAAY,QAAQ,yBAA0B,EAAA;AAAA,EAC9C,WAAA,CAAY,QAAQ,+BAAgC;AACtD;AACO,MAAM,uBACX,GAAA;AACW,MAAA,mBAAA,GAAsB,CAAC,QAClC,KAAA;AAEK,MAAM,qBAAuD,GAAA;AAAA,EAClE,YAAY,OAAQ,CAAA,qBAAA,CAAsB,EAAE,WAAA,EAAa,YAAY,CAAA;AAAA,EACrE,WAAA,CAAY,QAAQ,iBAAkB,EAAA;AAAA,EACtC,WAAA,CAAY,QAAQ,oBAAqB,EAAA;AAAA,EACzC,WAAA,CAAY,QAAQ,yBAA0B,EAAA;AAAA,EAC9C,WAAA,CAAY,QAAQ,+BAAgC;AACtD;AACO,MAAM,sBACX,GAAA;AACW,MAAA,kBAAA,GAAqB,CAAC,QACjC,KAAA;AAEK,MAAM,mBAAmD,GAAA;AAAA,EAC9D,YAAY,OAAQ,CAAA,qBAAA,CAAsB,EAAE,WAAA,EAAa,UAAU,CAAA;AAAA,EACnE,WAAA,CAAY,QAAQ,iBAAkB,EAAA;AAAA,EACtC,WAAA,CAAY,QAAQ,+BAAgC;AACtD;AACO,MAAM,oBACX,GAAA;AACW,MAAA,gBAAA,GAAmB,CAAC,QAC/B,KAAA;AAEK,MAAM,mBAAmD,GAAA;AAAA,EAC9D,YAAY,OAAQ,CAAA,qBAAA,CAAsB,EAAE,WAAA,EAAa,UAAU,CAAA;AAAA,EACnE,WAAA,CAAY,QAAQ,iBAAkB,EAAA;AAAA,EACtC,WAAA,CAAY,QAAQ,+BAAgC;AACtD;AACO,MAAM,oBACX,GAAA;AACW,MAAA,gBAAA,GAAmB,CAAC,QAC/B,KAAA;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Entity, CompoundEntityRef, ComponentEntity, ResourceEntity, SystemEntity } from '@backstage/catalog-model';
+import { Entity, CompoundEntityRef, ComponentEntity, ResourceEntity, DomainEntity, SystemEntity } from '@backstage/catalog-model';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent, StorageApi, ApiHolder } from '@backstage/core-plugin-api';
 import { EntityRefPresentationSnapshot, CatalogApi, EntityPresentationApi, EntityRefPresentation, StarredEntitiesApi, EntityListContextProps, UserListFilterKind, EntityOwnerPickerProps, EntityListPagination } from '@backstage/plugin-catalog-react';
@@ -242,9 +242,23 @@ interface CatalogTableProps {
     actions?: TableProps<CatalogTableRow>['actions'];
     tableOptions?: TableProps<CatalogTableRow>['options'];
     emptyContent?: ReactNode;
+    /**
+     * A static title to use for the table. If not provided, a title will be
+     * generated based on the current Kind and Type filters and total number of items.
+     */
+    title?: string;
     subtitle?: string;
 }
-/** @public */
+/**
+ * CatalogTable is a wrapper around the Table component that is pre-configured
+ * to display catalog entities.
+ *
+ * @remarks
+ *
+ * See {@link https://backstage.io/docs/features/software-catalog/catalog-customization}
+ *
+ * @public
+ */
 declare const CatalogTable: {
     (props: CatalogTableProps): React__default.JSX.Element;
     columns: Readonly<{
@@ -604,6 +618,7 @@ interface HasSubcomponentsCardProps {
 interface HasSubdomainsCardProps {
     variant?: InfoCardVariants;
     tableOptions?: TableOptions;
+    columns?: TableColumn<DomainEntity>[];
     title?: string;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog",
-  "version": "1.25.2-next.1",
+  "version": "1.26.0",
   "description": "The Backstage plugin for browsing the Backstage catalog",
   "backstage": {
     "role": "frontend-plugin",
@@ -67,21 +67,21 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "1.9.0-next.1",
-    "@backstage/catalog-model": "1.7.1",
-    "@backstage/core-compat-api": "0.3.4-next.1",
-    "@backstage/core-components": "0.16.2-next.1",
-    "@backstage/core-plugin-api": "1.10.1",
-    "@backstage/errors": "1.2.5",
-    "@backstage/frontend-plugin-api": "0.9.3-next.1",
-    "@backstage/integration-react": "1.2.2-next.0",
-    "@backstage/plugin-catalog-common": "1.1.1",
-    "@backstage/plugin-catalog-react": "1.14.3-next.1",
-    "@backstage/plugin-permission-react": "0.4.28",
-    "@backstage/plugin-scaffolder-common": "1.5.8-next.0",
-    "@backstage/plugin-search-common": "1.2.15",
-    "@backstage/plugin-search-react": "1.8.4-next.1",
-    "@backstage/types": "1.2.0",
+    "@backstage/catalog-client": "^1.9.0",
+    "@backstage/catalog-model": "^1.7.2",
+    "@backstage/core-compat-api": "^0.3.4",
+    "@backstage/core-components": "^0.16.2",
+    "@backstage/core-plugin-api": "^1.10.2",
+    "@backstage/errors": "^1.2.6",
+    "@backstage/frontend-plugin-api": "^0.9.3",
+    "@backstage/integration-react": "^1.2.2",
+    "@backstage/plugin-catalog-common": "^1.1.2",
+    "@backstage/plugin-catalog-react": "^1.15.0",
+    "@backstage/plugin-permission-react": "^0.4.29",
+    "@backstage/plugin-scaffolder-common": "^1.5.8",
+    "@backstage/plugin-search-common": "^1.2.16",
+    "@backstage/plugin-search-react": "^1.8.4",
+    "@backstage/types": "^1.2.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -95,12 +95,12 @@
     "zen-observable": "^0.10.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.29.3-next.1",
-    "@backstage/core-app-api": "1.15.3-next.0",
-    "@backstage/dev-utils": "1.1.5-next.1",
-    "@backstage/frontend-test-utils": "0.2.4-next.1",
-    "@backstage/plugin-permission-common": "0.8.2",
-    "@backstage/test-utils": "1.7.3-next.0",
+    "@backstage/cli": "^0.29.4",
+    "@backstage/core-app-api": "^1.15.3",
+    "@backstage/dev-utils": "^1.1.5",
+    "@backstage/frontend-test-utils": "^0.2.4",
+    "@backstage/plugin-permission-common": "^0.8.3",
+    "@backstage/test-utils": "^1.7.3",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",