@backstage/plugin-catalog 1.4.0 → 1.5.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @backstage/plugin-catalog
 
+## 1.5.0-next.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/plugin-catalog-react@1.1.3-next.2
+  - @backstage/core-components@0.11.0-next.2
+  - @backstage/integration-react@1.1.3-next.1
+  - @backstage/plugin-search-react@1.0.1-next.1
+
+## 1.5.0-next.1
+
+### Minor Changes
+
+- fe94398418: Allow changing the subtitle of the `CatalogTable` component
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.10.1-next.1
+  - @backstage/plugin-catalog-common@1.0.5-next.0
+  - @backstage/plugin-catalog-react@1.1.3-next.1
+
+## 1.5.0-next.0
+
+### Minor Changes
+
+- 80da5162c7: Plugin catalog has been modified to use an experimental feature where you can customize the title of the create button.
+
+  You can modify it by doing:
+
+  ```typescript jsx
+  import { catalogPlugin } from '@backstage/plugin-catalog';
+
+  catalogPlugin.__experimentalReconfigure({
+    createButtonTitle: 'New',
+  });
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-plugin-api@1.0.5-next.0
+  - @backstage/integration-react@1.1.3-next.0
+  - @backstage/plugin-catalog-react@1.1.3-next.0
+  - @backstage/core-components@0.10.1-next.0
+  - @backstage/plugin-search-react@1.0.1-next.0
+
 ## 1.4.0
 
 ### Minor Changes

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

@@ -14,7 +14,10 @@ const useEntityFromUrl = () => {
     error,
     loading,
     retry: refresh
-  } = useAsyncRetry(() => catalogApi.getEntityByRef({ kind, namespace, name }), [catalogApi, kind, namespace, name]);
+  } = useAsyncRetry(
+    () => catalogApi.getEntityByRef({ kind, namespace, name }),
+    [catalogApi, kind, namespace, name]
+  );
   useEffect(() => {
     if (!name) {
       errorApi.post(new Error("No name provided!"));
@@ -31,4 +34,4 @@ function CatalogEntityPage() {
 }
 
 export { CatalogEntityPage };
-//# sourceMappingURL=index-4e6adb42.esm.js.map
+//# sourceMappingURL=index-46417657.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index-4e6adb42.esm.js","sources":["../../src/components/CatalogEntityPage/useEntityFromUrl.ts","../../src/components/CatalogEntityPage/CatalogEntityPage.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  errorApiRef,\n  useApi,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  EntityLoadingStatus,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect } from 'react';\nimport { useNavigate } from 'react-router';\nimport useAsyncRetry from 'react-use/lib/useAsyncRetry';\n\nexport const useEntityFromUrl = (): EntityLoadingStatus => {\n  const { kind, namespace, name } = useRouteRefParams(entityRouteRef);\n  const navigate = useNavigate();\n  const errorApi = useApi(errorApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entity,\n    error,\n    loading,\n    retry: refresh,\n  } = useAsyncRetry(\n    () => catalogApi.getEntityByRef({ kind, namespace, name }),\n    [catalogApi, kind, namespace, name],\n  );\n\n  useEffect(() => {\n    if (!name) {\n      errorApi.post(new Error('No name provided!'));\n      navigate('/');\n    }\n  }, [errorApi, navigate, error, loading, entity, name]);\n\n  return { entity, loading, error, refresh };\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Outlet } from 'react-router';\nimport { AsyncEntityProvider } from '@backstage/plugin-catalog-react';\nimport { useEntityFromUrl } from './useEntityFromUrl';\n\n/** @public */\nexport function CatalogEntityPage() {\n  return (\n    <AsyncEntityProvider {...useEntityFromUrl()}>\n      <Outlet />\n    </AsyncEntityProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,MAAM;AACtC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;AACtE,EAAE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AACjC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACvC,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC3C,EAAE,MAAM;AACR,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,KAAK,EAAE,OAAO;AAClB,GAAG,GAAG,aAAa,CAAC,MAAM,UAAU,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;AACrH,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,CAAC,IAAI,EAAE;AACf,MAAM,QAAQ,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;AACpD,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK;AACL,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AACzD,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAC7C,CAAC;;AC1BM,SAAS,iBAAiB,GAAG;AACpC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAClE,IAAI,GAAG,gBAAgB,EAAE;AACzB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AACxD;;;;"}
+{"version":3,"file":"index-46417657.esm.js","sources":["../../src/components/CatalogEntityPage/useEntityFromUrl.ts","../../src/components/CatalogEntityPage/CatalogEntityPage.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  errorApiRef,\n  useApi,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  EntityLoadingStatus,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect } from 'react';\nimport { useNavigate } from 'react-router';\nimport useAsyncRetry from 'react-use/lib/useAsyncRetry';\n\nexport const useEntityFromUrl = (): EntityLoadingStatus => {\n  const { kind, namespace, name } = useRouteRefParams(entityRouteRef);\n  const navigate = useNavigate();\n  const errorApi = useApi(errorApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entity,\n    error,\n    loading,\n    retry: refresh,\n  } = useAsyncRetry(\n    () => catalogApi.getEntityByRef({ kind, namespace, name }),\n    [catalogApi, kind, namespace, name],\n  );\n\n  useEffect(() => {\n    if (!name) {\n      errorApi.post(new Error('No name provided!'));\n      navigate('/');\n    }\n  }, [errorApi, navigate, error, loading, entity, name]);\n\n  return { entity, loading, error, refresh };\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Outlet } from 'react-router';\nimport { AsyncEntityProvider } from '@backstage/plugin-catalog-react';\nimport { useEntityFromUrl } from './useEntityFromUrl';\n\n/** @public */\nexport function CatalogEntityPage() {\n  return (\n    <AsyncEntityProvider {...useEntityFromUrl()}>\n      <Outlet />\n    </AsyncEntityProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,MAAM;AACtC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;AACtE,EAAE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AACjC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACvC,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC3C,EAAE,MAAM;AACR,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,KAAK,EAAE,OAAO;AAClB,GAAG,GAAG,aAAa;AACnB,IAAI,MAAM,UAAU,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC9D,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC;AACvC,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,CAAC,IAAI,EAAE;AACf,MAAM,QAAQ,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;AACpD,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK;AACL,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AACzD,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAC7C,CAAC;;AC7BM,SAAS,iBAAiB,GAAG;AACpC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAClE,IAAI,GAAG,gBAAgB,EAAE;AACzB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AACxD;;;;"}

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

@@ -13,10 +13,10 @@ import React, { useCallback, useMemo, useState, useEffect } from 'react';
 import LanguageIcon from '@material-ui/icons/Language';
 import useAsync from 'react-use/lib/useAsync';
 import { HighlightedSearchResultText } from '@backstage/plugin-search-react';
-import OpenInNew from '@material-ui/icons/OpenInNew';
-import StarBorder from '@material-ui/icons/StarBorder';
 import { withStyles, makeStyles as makeStyles$1 } from '@material-ui/core/styles';
+import OpenInNew from '@material-ui/icons/OpenInNew';
 import Star from '@material-ui/icons/Star';
+import StarBorder from '@material-ui/icons/StarBorder';
 import { Alert } from '@material-ui/lab';
 import { useLocation, useNavigate } from 'react-router';
 import BugReportIcon from '@material-ui/icons/BugReport';
@@ -36,8 +36,12 @@ async function performMigrationToTheNewBucket({
   if (!isArray(oldStarredEntities)) {
     return;
   }
-  const targetEntities = new Set((_a = target.snapshot("entityRefs").value) != null ? _a : []);
-  oldStarredEntities.filter(isString).map((old) => old.split(":")).filter((split) => split.length === 4 && split[0] === "entity").map(([_, kind, namespace, name]) => stringifyEntityRef({ kind, namespace, name })).forEach((e) => targetEntities.add(e));
+  const targetEntities = new Set(
+    (_a = target.snapshot("entityRefs").value) != null ? _a : []
+  );
+  oldStarredEntities.filter(isString).map((old) => old.split(":")).filter((split) => split.length === 4 && split[0] === "entity").map(
+    ([_, kind, namespace, name]) => stringifyEntityRef({ kind, namespace, name })
+  ).forEach((e) => targetEntities.add(e));
   await target.set("entityRefs", Array.from(targetEntities));
   await source.remove("starredEntities");
 }
@@ -55,7 +59,9 @@ class DefaultStarredEntitiesApi {
     var _a;
     performMigrationToTheNewBucket(opts).then();
     this.settingsStore = opts.storageApi.forBucket("starredEntities");
-    this.starredEntities = new Set((_a = this.settingsStore.snapshot("entityRefs").value) != null ? _a : []);
+    this.starredEntities = new Set(
+      (_a = this.settingsStore.snapshot("entityRefs").value) != null ? _a : []
+    );
     this.settingsStore.observe$("entityRefs").subscribe({
       next: (next) => {
         var _a2;
@@ -70,7 +76,10 @@ class DefaultStarredEntitiesApi {
     } else {
       this.starredEntities.add(entityRef);
     }
-    await this.settingsStore.set("entityRefs", Array.from(this.starredEntities));
+    await this.settingsStore.set(
+      "entityRefs",
+      Array.from(this.starredEntities)
+    );
   }
   starredEntitie$() {
     return this.observable;
@@ -228,9 +237,13 @@ function AboutContent(props) {
   const partOfSystemRelations = getEntityRelations(entity, RELATION_PART_OF, {
     kind: "system"
   });
-  const partOfComponentRelations = getEntityRelations(entity, RELATION_PART_OF, {
-    kind: "component"
-  });
+  const partOfComponentRelations = getEntityRelations(
+    entity,
+    RELATION_PART_OF,
+    {
+      kind: "component"
+    }
+  );
   const partOfDomainRelations = getEntityRelations(entity, RELATION_PART_OF, {
     kind: "domain"
   });
@@ -303,7 +316,11 @@ function AboutContent(props) {
       var _a2;
       return {
         text: target,
-        href: getLocationTargetHref(target, ((_a2 = entity == null ? void 0 : entity.spec) == null ? void 0 : _a2.type) || "unknown", entitySourceLocation)
+        href: getLocationTargetHref(
+          target,
+          ((_a2 = entity == null ? void 0 : entity.spec) == null ? void 0 : _a2.type) || "unknown",
+          entitySourceLocation
+        )
       };
     })
   })));
@@ -337,7 +354,10 @@ function AboutCard(props) {
   const catalogApi = useApi(catalogApiRef);
   const alertApi = useApi(alertApiRef);
   const viewTechdocLink = useRouteRef(viewTechDocRouteRef);
-  const entitySourceLocation = getEntitySourceLocation$1(entity, scmIntegrationsApi);
+  const entitySourceLocation = getEntitySourceLocation$1(
+    entity,
+    scmIntegrationsApi
+  );
   const entityMetadataEditUrl = (_a = entity.metadata.annotations) == null ? void 0 : _a[ANNOTATION_EDIT_URL];
   const viewInSource = {
     label: "View Source",
@@ -400,11 +420,13 @@ function AboutCard(props) {
   })));
 }
 
-const useStyles$2 = makeStyles((theme) => createStyles({
-  root: {
-    ...theme.typography.h4
-  }
-}));
+const useStyles$2 = makeStyles(
+  (theme) => createStyles({
+    root: {
+      ...theme.typography.h4
+    }
+  })
+);
 function CatalogKindHeader(props) {
   var _a;
   const { initialFilter = "component", allowedKinds } = props;
@@ -420,11 +442,16 @@ function CatalogKindHeader(props) {
     updateFilters,
     queryParameters: { kind: kindParameter }
   } = useEntityList();
-  const queryParamKind = useMemo(() => {
-    var _a2;
-    return (_a2 = [kindParameter].flat()[0]) == null ? void 0 : _a2.toLocaleLowerCase("en-US");
-  }, [kindParameter]);
-  const [selectedKind, setSelectedKind] = useState(queryParamKind != null ? queryParamKind : initialFilter);
+  const queryParamKind = useMemo(
+    () => {
+      var _a2;
+      return (_a2 = [kindParameter].flat()[0]) == null ? void 0 : _a2.toLocaleLowerCase("en-US");
+    },
+    [kindParameter]
+  );
+  const [selectedKind, setSelectedKind] = useState(
+    queryParamKind != null ? queryParamKind : initialFilter
+  );
   useEffect(() => {
     updateFilters({
       kind: selectedKind ? new EntityKindFilter(selectedKind) : void 0
@@ -435,7 +462,13 @@ function CatalogKindHeader(props) {
       setSelectedKind(queryParamKind);
     }
   }, [queryParamKind]);
-  const availableKinds = [capitalize(selectedKind)].concat((_a = allKinds == null ? void 0 : allKinds.filter((k) => allowedKinds ? allowedKinds.some((a) => a.toLocaleLowerCase("en-US") === k.toLocaleLowerCase("en-US")) : true)) != null ? _a : []);
+  const availableKinds = [capitalize(selectedKind)].concat(
+    (_a = allKinds == null ? void 0 : allKinds.filter(
+      (k) => allowedKinds ? allowedKinds.some(
+        (a) => a.toLocaleLowerCase("en-US") === k.toLocaleLowerCase("en-US")
+      ) : true
+    )) != null ? _a : []
+  );
   const options = availableKinds.sort().reduce((acc, kind) => {
     acc[kind.toLocaleLowerCase("en-US")] = kind;
     return acc;
@@ -623,7 +656,7 @@ const YellowStar = withStyles({
 })(Star);
 const CatalogTable = (props) => {
   var _a, _b, _c;
-  const { columns, actions, tableOptions } = props;
+  const { columns, actions, tableOptions, subtitle } = props;
   const { isStarredEntity, toggleStarredEntity } = useStarredEntities();
   const { loading, error, entities, filters } = useEntityList();
   const defaultColumns = useMemo(() => {
@@ -737,9 +770,11 @@ const CatalogTable = (props) => {
         }),
         ownedByRelationsTitle: ownedByRelations.map((r) => humanizeEntityRef(r, { defaultKind: "group" })).join(", "),
         ownedByRelations,
-        partOfSystemRelationTitle: partOfSystemRelations.map((r) => humanizeEntityRef(r, {
-          defaultKind: "system"
-        })).join(", "),
+        partOfSystemRelationTitle: partOfSystemRelations.map(
+          (r) => humanizeEntityRef(r, {
+            defaultKind: "system"
+          })
+        ).join(", "),
         partOfSystemRelations
       }
     };
@@ -764,7 +799,8 @@ const CatalogTable = (props) => {
     },
     title: `${titlePreamble} (${entities.length})`,
     data: rows,
-    actions: actions || defaultActions
+    actions: actions || defaultActions,
+    subtitle
   });
 };
 CatalogTable.columns = columnFactories;
@@ -796,13 +832,16 @@ function UnregisterEntity(props) {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, unregisterButton);
 }
 
-const useStyles = makeStyles$1((theme) => {
-  return {
-    button: {
-      color: theme.page.fontColor
-    }
-  };
-}, { name: "PluginCatalogEntityContextMenu" });
+const useStyles = makeStyles$1(
+  (theme) => {
+    return {
+      button: {
+        color: theme.page.fontColor
+      }
+    };
+  },
+  { name: "PluginCatalogEntityContextMenu" }
+);
 function EntityContextMenu(props) {
   const {
     UNSTABLE_extraContextMenuItems,
@@ -812,7 +851,9 @@ function EntityContextMenu(props) {
   } = props;
   const [anchorEl, setAnchorEl] = useState();
   const classes = useStyles();
-  const unregisterPermission = useEntityPermission(catalogEntityDeletePermission);
+  const unregisterPermission = useEntityPermission(
+    catalogEntityDeletePermission
+  );
   const isAllowed = unregisterPermission.allowed;
   const onOpen = (event) => {
     setAnchorEl(event.currentTarget);
@@ -934,25 +975,34 @@ const EntityLayout = (props) => {
   const { kind, namespace, name } = useRouteRefParams(entityRouteRef);
   const { entity, loading, error } = useAsyncEntity();
   const location = useLocation();
-  const routes = useElementFilter(children, (elements) => elements.selectByComponentData({
-    key: dataKey,
-    withStrictError: "Child of EntityLayout must be an EntityLayout.Route"
-  }).getElements().flatMap(({ props: elementProps }) => {
-    if (!entity) {
-      return [];
-    } else if (elementProps.if && !elementProps.if(entity)) {
-      return [];
-    }
-    return [
-      {
-        path: elementProps.path,
-        title: elementProps.title,
-        children: elementProps.children,
-        tabProps: elementProps.tabProps
+  const routes = useElementFilter(
+    children,
+    (elements) => elements.selectByComponentData({
+      key: dataKey,
+      withStrictError: "Child of EntityLayout must be an EntityLayout.Route"
+    }).getElements().flatMap(({ props: elementProps }) => {
+      if (!entity) {
+        return [];
+      } else if (elementProps.if && !elementProps.if(entity)) {
+        return [];
       }
-    ];
-  }), [entity]);
-  const { headerTitle, headerType } = headerProps(kind, namespace, name, entity);
+      return [
+        {
+          path: elementProps.path,
+          title: elementProps.title,
+          children: elementProps.children,
+          tabProps: elementProps.tabProps
+        }
+      ];
+    }),
+    [entity]
+  );
+  const { headerTitle, headerType } = headerProps(
+    kind,
+    namespace,
+    name,
+    entity
+  );
   const [confirmationDialogOpen, setConfirmationDialogOpen] = useState(false);
   const [inspectionDialogOpen, setInspectionDialogOpen] = useState(false);
   const navigate = useNavigate();
@@ -1076,7 +1126,10 @@ async function hasCatalogProcessingErrors(entity, context) {
   if (!catalogApi) {
     throw new Error(`No implementation available for ${catalogApiRef}`);
   }
-  const errors = await getOwnAndAncestorsErrors(stringifyEntityRef(entity), catalogApi);
+  const errors = await getOwnAndAncestorsErrors(
+    stringifyEntityRef(entity),
+    catalogApi
+  );
   return errors.items.length > 0;
 }
 function EntityProcessingErrorsPanel() {
@@ -1116,31 +1169,37 @@ const EntitySwitch = (props) => {
   var _a, _b;
   const { entity, loading } = useAsyncEntity();
   const apis = useApiHolder();
-  const results = useElementFilter(props.children, (collection) => collection.selectByComponentData({
-    key: ENTITY_SWITCH_KEY,
-    withStrictError: "Child of EntitySwitch is not an EntitySwitch.Case"
-  }).getElements().flatMap((element) => {
-    var _a2;
-    if (loading) {
-      return [];
-    }
-    const { if: condition, children: elementsChildren } = element.props;
-    if (!entity) {
+  const results = useElementFilter(
+    props.children,
+    (collection) => collection.selectByComponentData({
+      key: ENTITY_SWITCH_KEY,
+      withStrictError: "Child of EntitySwitch is not an EntitySwitch.Case"
+    }).getElements().flatMap((element) => {
+      var _a2;
+      if (loading) {
+        return [];
+      }
+      const { if: condition, children: elementsChildren } = element.props;
+      if (!entity) {
+        return [
+          {
+            if: condition === void 0,
+            children: elementsChildren
+          }
+        ];
+      }
       return [
         {
-          if: condition === void 0,
+          if: (_a2 = condition == null ? void 0 : condition(entity, { apis })) != null ? _a2 : true,
           children: elementsChildren
         }
       ];
-    }
-    return [
-      {
-        if: (_a2 = condition == null ? void 0 : condition(entity, { apis })) != null ? _a2 : true,
-        children: elementsChildren
-      }
-    ];
-  }), [apis, entity, loading]);
-  const hasAsyncCases = results.some((r) => typeof r.if === "object" && "then" in r.if);
+    }),
+    [apis, entity, loading]
+  );
+  const hasAsyncCases = results.some(
+    (r) => typeof r.if === "object" && "then" in r.if
+  );
   if (hasAsyncCases) {
     return /* @__PURE__ */ React.createElement(AsyncEntitySwitch, {
       results
@@ -1151,15 +1210,17 @@ const EntitySwitch = (props) => {
 function AsyncEntitySwitch({ results }) {
   const { loading, value } = useAsync(async () => {
     var _a;
-    const promises = results.map(async ({ if: condition, children: output }) => {
-      try {
-        if (await condition) {
-          return output;
+    const promises = results.map(
+      async ({ if: condition, children: output }) => {
+        try {
+          if (await condition) {
+            return output;
+          }
+        } catch {
         }
-      } catch {
+        return null;
       }
-      return null;
-    });
+    );
     return (_a = (await Promise.all(promises)).find(Boolean)) != null ? _a : null;
   }, [results]);
   if (loading || !value) {
@@ -1170,7 +1231,9 @@ function AsyncEntitySwitch({ results }) {
 EntitySwitch.Case = EntitySwitchCaseComponent;
 
 function strCmp(a, b) {
-  return Boolean(a && (a == null ? void 0 : a.toLocaleLowerCase("en-US")) === (b == null ? void 0 : b.toLocaleLowerCase("en-US")));
+  return Boolean(
+    a && (a == null ? void 0 : a.toLocaleLowerCase("en-US")) === (b == null ? void 0 : b.toLocaleLowerCase("en-US"))
+  );
 }
 function strCmpAll(value, cmpValues) {
   return typeof cmpValues === "string" ? strCmp(value, cmpValues) : cmpValues.some((cmpVal) => strCmp(value, cmpVal));
@@ -1222,78 +1285,118 @@ const catalogPlugin = createPlugin({
   externalRoutes: {
     createComponent: createComponentRouteRef,
     viewTechDoc: viewTechDocRouteRef
+  },
+  __experimentalConfigure(options) {
+    const defaultOptions = {
+      createButtonTitle: "Create"
+    };
+    return { ...defaultOptions, ...options };
   }
 });
-const CatalogIndexPage = catalogPlugin.provide(createRoutableExtension({
-  name: "CatalogIndexPage",
-  component: () => import('./index-1a954f75.esm.js').then((m) => m.CatalogPage),
-  mountPoint: rootRouteRef
-}));
-const CatalogEntityPage = catalogPlugin.provide(createRoutableExtension({
-  name: "CatalogEntityPage",
-  component: () => import('./index-4e6adb42.esm.js').then((m) => m.CatalogEntityPage),
-  mountPoint: entityRouteRef
-}));
-const EntityAboutCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityAboutCard",
-  component: {
-    lazy: () => import('./index-10cb0abb.esm.js').then((m) => m.AboutCard)
-  }
-}));
-const EntityLinksCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityLinksCard",
-  component: {
-    lazy: () => import('./index-c6279600.esm.js').then((m) => m.EntityLinksCard)
-  }
-}));
-const EntityHasSystemsCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityHasSystemsCard",
-  component: {
-    lazy: () => import('./index-3763491b.esm.js').then((m) => m.HasSystemsCard)
-  }
-}));
-const EntityHasComponentsCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityHasComponentsCard",
-  component: {
-    lazy: () => import('./index-acb3cf04.esm.js').then((m) => m.HasComponentsCard)
-  }
-}));
-const EntityHasSubcomponentsCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityHasSubcomponentsCard",
-  component: {
-    lazy: () => import('./index-41ab53b6.esm.js').then((m) => m.HasSubcomponentsCard)
-  }
-}));
-const EntityHasResourcesCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityHasResourcesCard",
-  component: {
-    lazy: () => import('./index-b3ad464b.esm.js').then((m) => m.HasResourcesCard)
-  }
-}));
-const EntityDependsOnComponentsCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityDependsOnComponentsCard",
-  component: {
-    lazy: () => import('./index-66fdb6ad.esm.js').then((m) => m.DependsOnComponentsCard)
-  }
-}));
-const EntityDependencyOfComponentsCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityDependencyOfComponentsCard",
-  component: {
-    lazy: () => import('./index-390fab14.esm.js').then((m) => m.DependencyOfComponentsCard)
-  }
-}));
-const EntityDependsOnResourcesCard = catalogPlugin.provide(createComponentExtension({
-  name: "EntityDependsOnResourcesCard",
-  component: {
-    lazy: () => import('./index-d41abbff.esm.js').then((m) => m.DependsOnResourcesCard)
-  }
-}));
-const RelatedEntitiesCard = catalogPlugin.provide(createComponentExtension({
-  name: "RelatedEntitiesCard",
-  component: {
-    lazy: () => import('./index-c2914273.esm.js').then((m) => m.RelatedEntitiesCard)
-  }
-}));
+const CatalogIndexPage = catalogPlugin.provide(
+  createRoutableExtension({
+    name: "CatalogIndexPage",
+    component: () => import('./index-80f70ef8.esm.js').then((m) => m.CatalogPage),
+    mountPoint: rootRouteRef
+  })
+);
+const CatalogEntityPage = catalogPlugin.provide(
+  createRoutableExtension({
+    name: "CatalogEntityPage",
+    component: () => import('./index-46417657.esm.js').then((m) => m.CatalogEntityPage),
+    mountPoint: entityRouteRef
+  })
+);
+const EntityAboutCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityAboutCard",
+    component: {
+      lazy: () => import('./index-c4f1c4b9.esm.js').then((m) => m.AboutCard)
+    }
+  })
+);
+const EntityLinksCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityLinksCard",
+    component: {
+      lazy: () => import('./index-8f06513a.esm.js').then((m) => m.EntityLinksCard)
+    }
+  })
+);
+const EntityHasSystemsCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityHasSystemsCard",
+    component: {
+      lazy: () => import('./index-3763491b.esm.js').then((m) => m.HasSystemsCard)
+    }
+  })
+);
+const EntityHasComponentsCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityHasComponentsCard",
+    component: {
+      lazy: () => import('./index-acb3cf04.esm.js').then((m) => m.HasComponentsCard)
+    }
+  })
+);
+const EntityHasSubcomponentsCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityHasSubcomponentsCard",
+    component: {
+      lazy: () => import('./index-41ab53b6.esm.js').then(
+        (m) => m.HasSubcomponentsCard
+      )
+    }
+  })
+);
+const EntityHasResourcesCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityHasResourcesCard",
+    component: {
+      lazy: () => import('./index-b3ad464b.esm.js').then((m) => m.HasResourcesCard)
+    }
+  })
+);
+const EntityDependsOnComponentsCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityDependsOnComponentsCard",
+    component: {
+      lazy: () => import('./index-66fdb6ad.esm.js').then(
+        (m) => m.DependsOnComponentsCard
+      )
+    }
+  })
+);
+const EntityDependencyOfComponentsCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityDependencyOfComponentsCard",
+    component: {
+      lazy: () => import('./index-390fab14.esm.js').then(
+        (m) => m.DependencyOfComponentsCard
+      )
+    }
+  })
+);
+const EntityDependsOnResourcesCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityDependsOnResourcesCard",
+    component: {
+      lazy: () => import('./index-d41abbff.esm.js').then(
+        (m) => m.DependsOnResourcesCard
+      )
+    }
+  })
+);
+const RelatedEntitiesCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "RelatedEntitiesCard",
+    component: {
+      lazy: () => import('./index-c2914273.esm.js').then(
+        (m) => m.RelatedEntitiesCard
+      )
+    }
+  })
+);
 
 export { AboutCard as A, EntityListContainer as B, CatalogKindHeader as C, DefaultStarredEntitiesApi as D, EntityAboutCard as E, FilteredEntityLayout as F, LinksGridList as L, RelatedEntitiesCard as R, CatalogTable as a, AboutContent as b, createComponentRouteRef as c, AboutField as d, CatalogEntityPage as e, CatalogIndexPage as f, catalogPlugin as g, EntityDependencyOfComponentsCard as h, EntityDependsOnComponentsCard as i, EntityDependsOnResourcesCard as j, EntityHasComponentsCard as k, EntityHasResourcesCard as l, EntityHasSubcomponentsCard as m, EntityHasSystemsCard as n, EntityLinksCard as o, CatalogSearchResultListItem as p, EntityLayout as q, EntityOrphanWarning as r, isOrphan as s, EntityProcessingErrorsPanel as t, hasCatalogProcessingErrors as u, EntitySwitch as v, isKind as w, isNamespace as x, isComponentType as y, FilterContainer as z };
-//# sourceMappingURL=index-b0b0b077.esm.js.map
+//# sourceMappingURL=index-7ef647a6.esm.js.map