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

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @backstage/plugin-catalog
 
+## 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-c6279600.esm.js → index-0550248f.esm.js}

@@ -3,7 +3,7 @@ import LanguageIcon from '@material-ui/icons/Language';
 import React from 'react';
 import { makeStyles, Typography, Button } from '@material-ui/core';
 import { CodeSnippet, InfoCard } from '@backstage/core-components';
-import { L as LinksGridList } from './index-b0b0b077.esm.js';
+import { L as LinksGridList } from './index-2bfd6ae7.esm.js';
 import { useApp } from '@backstage/core-plugin-api';
 import 'zen-observable';
 import '@backstage/catalog-model';
@@ -33,13 +33,16 @@ const ENTITY_YAML = `metadata:
     - url: https://dashboard.example.com
       title: My Dashboard
       icon: dashboard`;
-const useStyles = makeStyles((theme) => ({
-  code: {
-    borderRadius: 6,
-    margin: `${theme.spacing(2)}px 0px`,
-    background: theme.palette.type === "dark" ? "#444" : "#fff"
-  }
-}), { name: "PluginCatalogEntityLinksEmptyState" });
+const useStyles = makeStyles(
+  (theme) => ({
+    code: {
+      borderRadius: 6,
+      margin: `${theme.spacing(2)}px 0px`,
+      background: theme.palette.type === "dark" ? "#444" : "#fff"
+    }
+  }),
+  { name: "PluginCatalogEntityLinksEmptyState" }
+);
 function EntityLinksEmptyState() {
   const classes = useStyles();
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
@@ -84,4 +87,4 @@ function EntityLinksCard(props) {
 }
 
 export { EntityLinksCard };
-//# sourceMappingURL=index-c6279600.esm.js.map
+//# sourceMappingURL=index-0550248f.esm.js.map

package/dist/esm/{index-c6279600.esm.js.map → index-0550248f.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-c6279600.esm.js","sources":["../../src/components/EntityLinksCard/EntityLinksEmptyState.tsx","../../src/components/EntityLinksCard/EntityLinksCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { BackstageTheme } from '@backstage/theme';\nimport { Button, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `metadata:\n  name: example\n  links:\n    - url: https://dashboard.example.com\n      title: My Dashboard\n      icon: dashboard`;\n\n/** @public */\nexport type EntityLinksEmptyStateClassKey = 'code';\n\nconst useStyles = makeStyles<BackstageTheme>(\n  theme => ({\n    code: {\n      borderRadius: 6,\n      margin: `${theme.spacing(2)}px 0px`,\n      background: theme.palette.type === 'dark' ? '#444' : '#fff',\n    },\n  }),\n  { name: 'PluginCatalogEntityLinksEmptyState' },\n);\n\nexport function EntityLinksEmptyState() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <Typography variant=\"body1\">\n        No links defined for this entity. You can add links to your entity YAML\n        as shown in the highlighted example below:\n      </Typography>\n      <div className={classes.code}>\n        <CodeSnippet\n          text={ENTITY_YAML}\n          language=\"yaml\"\n          showLineNumbers\n          highlightedNumbers={[3, 4, 5, 6]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n      </div>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        target=\"_blank\"\n        href=\"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional\"\n      >\n        Read more\n      </Button>\n    </>\n  );\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\nimport { ColumnBreakpoints } from './types';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\n\n/** @public */\nexport interface EntityLinksCardProps {\n  cols?: ColumnBreakpoints | number;\n  variant?: InfoCardVariants;\n}\n\nexport function EntityLinksCard(props: EntityLinksCardProps) {\n  const { cols = undefined, variant } = props;\n  const { entity } = useEntity();\n  const app = useApp();\n\n  const iconResolver = (key?: string): IconComponent =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  const links = entity?.metadata?.links;\n\n  return (\n    <InfoCard title=\"Links\" variant={variant}>\n      {!links || links.length === 0 ? (\n        <EntityLinksEmptyState />\n      ) : (\n        <LinksGridList\n          cols={cols}\n          items={links.map(({ url, title, icon }) => ({\n            text: title ?? url,\n            href: url,\n            Icon: iconResolver(icon),\n          }))}\n        />\n      )}\n    </InfoCard>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index-0550248f.esm.js","sources":["../../src/components/EntityLinksCard/EntityLinksEmptyState.tsx","../../src/components/EntityLinksCard/EntityLinksCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { BackstageTheme } from '@backstage/theme';\nimport { Button, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `metadata:\n  name: example\n  links:\n    - url: https://dashboard.example.com\n      title: My Dashboard\n      icon: dashboard`;\n\n/** @public */\nexport type EntityLinksEmptyStateClassKey = 'code';\n\nconst useStyles = makeStyles<BackstageTheme>(\n  theme => ({\n    code: {\n      borderRadius: 6,\n      margin: `${theme.spacing(2)}px 0px`,\n      background: theme.palette.type === 'dark' ? '#444' : '#fff',\n    },\n  }),\n  { name: 'PluginCatalogEntityLinksEmptyState' },\n);\n\nexport function EntityLinksEmptyState() {\n  const classes = useStyles();\n\n  return (\n    <>\n      <Typography variant=\"body1\">\n        No links defined for this entity. You can add links to your entity YAML\n        as shown in the highlighted example below:\n      </Typography>\n      <div className={classes.code}>\n        <CodeSnippet\n          text={ENTITY_YAML}\n          language=\"yaml\"\n          showLineNumbers\n          highlightedNumbers={[3, 4, 5, 6]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n      </div>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        target=\"_blank\"\n        href=\"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional\"\n      >\n        Read more\n      </Button>\n    </>\n  );\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\nimport { ColumnBreakpoints } from './types';\nimport { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\n\n/** @public */\nexport interface EntityLinksCardProps {\n  cols?: ColumnBreakpoints | number;\n  variant?: InfoCardVariants;\n}\n\nexport function EntityLinksCard(props: EntityLinksCardProps) {\n  const { cols = undefined, variant } = props;\n  const { entity } = useEntity();\n  const app = useApp();\n\n  const iconResolver = (key?: string): IconComponent =>\n    key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n  const links = entity?.metadata?.links;\n\n  return (\n    <InfoCard title=\"Links\" variant={variant}>\n      {!links || links.length === 0 ? (\n        <EntityLinksEmptyState />\n      ) : (\n        <LinksGridList\n          cols={cols}\n          items={links.map(({ url, title, icon }) => ({\n            text: title ?? url,\n            href: url,\n            Icon: iconResolver(icon),\n          }))}\n        />\n      )}\n    </InfoCard>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -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;
@@ -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
       }
     };
@@ -796,13 +831,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 +850,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 +974,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 +1125,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 +1168,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 +1209,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 +1230,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 +1284,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-543b1d23.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-9cdebd35.esm.js').then((m) => m.AboutCard)
+    }
+  })
+);
+const EntityLinksCard = catalogPlugin.provide(
+  createComponentExtension({
+    name: "EntityLinksCard",
+    component: {
+      lazy: () => import('./index-0550248f.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-2bfd6ae7.esm.js.map