@backstage/plugin-api-docs 0.13.4-next.2 → 0.13.5-next.0

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @backstage/plugin-api-docs
 
+## 0.13.5-next.0
+
+### Patch Changes
+
+- 9c9d425: Fixed invisible text in parameter input fields when using dark mode in OpenAPI definition pages
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.14.2-next.0
+  - @backstage/plugin-catalog@1.33.1-next.0
+  - @backstage/plugin-catalog-react@2.0.1-next.0
+  - @backstage/catalog-model@1.7.6
+  - @backstage/core-components@0.18.8-next.0
+  - @backstage/core-plugin-api@1.12.4-next.0
+  - @backstage/plugin-catalog-common@1.1.8
+  - @backstage/plugin-permission-react@0.4.41-next.0
+
+## 0.13.4
+
+### Patch Changes
+
+- ac9bead: Added `@backstage/frontend-test-utils` dev dependency.
+- 7455dae: Use node prefix on native imports
+- 7feb83b: Adjusted to use the new `@backstage/filter-predicates` types for predicate expressions.
+- 491a06c: Add the ability to show icons for the tabs on the entity page (new frontend)
+- 4183614: Updated usage of deprecated APIs in the new frontend system.
+- 018ca87: Added `title` and `icon` to the plugin definition for the new frontend system.
+- 629c3ec: Add `tableOptions` and `title` to Components cards of APIs
+- a7e0d50: Updated `react-router-dom` peer dependency to `^6.30.2` and explicitly disabled v7 future flags to suppress deprecation warnings.
+- Updated dependencies
+  - @backstage/plugin-catalog-react@2.0.0
+  - @backstage/core-components@0.18.7
+  - @backstage/plugin-catalog@1.33.0
+  - @backstage/frontend-plugin-api@0.14.0
+  - @backstage/core-plugin-api@1.12.3
+  - @backstage/plugin-permission-react@0.4.40
+  - @backstage/plugin-catalog-common@1.1.8
+
 ## 0.13.4-next.2
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -221,9 +221,9 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
             group?: string | false | undefined;
             icon?: string | undefined;
         };
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
             optional: true;
-        }> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
             optional: true;
         }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
             optional: true;
@@ -263,9 +263,9 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
             group?: string | false | undefined;
             icon?: string | undefined;
         };
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
             optional: true;
-        }> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
             optional: true;
         }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
             optional: true;
@@ -309,22 +309,43 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
         config: {
             initiallySelectedFilter: "all" | "owned" | "starred" | undefined;
             path: string | undefined;
+            title: string | undefined;
         };
         configInput: {
             initiallySelectedFilter?: "all" | "owned" | "starred" | undefined;
+            title?: string | undefined;
             path?: string | undefined;
         };
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
             optional: true;
         }>;
-        inputs: {};
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
         kind: "page";
         name: undefined;
         params: {
             defaultPath?: [Error: `Use the 'path' param instead`];
             path: string;
-            loader: () => Promise<JSX.Element>;
+            title?: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader?: () => Promise<react.JSX.Element>;
             routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            noHeader?: boolean;
         };
     }>;
 }>;

package/dist/alpha.esm.js

@@ -139,6 +139,8 @@ const apiDocsApisEntityContent = EntityContentBlueprint.make({
 });
 var alpha = createFrontendPlugin({
   pluginId: "api-docs",
+  title: "APIs",
+  icon: /* @__PURE__ */ jsx(AppIcon, { id: "kind:api" }),
   info: { packageJson: () => import('./package.json.esm.js') },
   routes: {
     root: rootRoute

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 Grid from '@material-ui/core/Grid';\n\nimport {\n  ApiBlueprint,\n  NavItemBlueprint,\n  PageBlueprint,\n  createFrontendPlugin,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  ApiEntity,\n  parseEntityRef,\n  RELATION_HAS_PART,\n} from '@backstage/catalog-model';\n\nimport { defaultDefinitionWidgets } from './components/ApiDefinitionCard';\nimport { rootRoute, registerComponentRouteRef } from './routes';\nimport { apiDocsConfigRef } from './config';\nimport { AppIcon } from '@backstage/core-components';\n\nimport {\n  EntityCardBlueprint,\n  EntityContentBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\n\nconst apiDocsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'APIs',\n    routeRef: rootRoute,\n    icon: () => <AppIcon id=\"kind:api\" />,\n  },\n});\n\nconst apiDocsConfigApi = ApiBlueprint.make({\n  name: 'config',\n  params: defineParams =>\n    defineParams({\n      api: apiDocsConfigRef,\n      deps: {},\n      factory: () => {\n        const definitionWidgets = defaultDefinitionWidgets();\n        return {\n          getApiDefinitionWidget: (apiEntity: ApiEntity) => {\n            return definitionWidgets.find(d => d.type === apiEntity.spec.type);\n          },\n        };\n      },\n    }),\n});\n\nconst apiDocsExplorerPage = PageBlueprint.makeWithOverrides({\n  config: {\n    schema: {\n      // Omitting columns and actions for now as their types are too complex to map to zod\n      initiallySelectedFilter: z =>\n        z.enum(['owned', 'starred', 'all']).optional(),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      path: '/api-docs',\n      routeRef: rootRoute,\n      loader: () =>\n        import('./components/ApiExplorerPage').then(m => (\n          <m.ApiExplorerIndexPage\n            initiallySelectedFilter={config.initiallySelectedFilter}\n          />\n        )),\n    });\n  },\n});\n\nconst apiDocsHasApisEntityCard = EntityCardBlueprint.make({\n  name: 'has-apis',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: entity => {\n      return (\n        entity.kind === 'Component' &&\n        entity.relations?.some(\n          ({ type, targetRef }) =>\n            type.toLocaleLowerCase('en-US') === RELATION_HAS_PART &&\n            parseEntityRef(targetRef).kind === 'API',\n        )!!\n      );\n    },\n    loader: () => import('./components/ApisCards').then(m => <m.HasApisCard />),\n  },\n});\n\nconst apiDocsDefinitionEntityCard = EntityCardBlueprint.make({\n  name: 'definition',\n  params: {\n    filter: { kind: 'api' },\n    loader: () =>\n      import('./components/ApiDefinitionCard').then(m => (\n        <m.ApiDefinitionCard />\n      )),\n  },\n});\n\nconst apiDocsConsumedApisEntityCard = EntityCardBlueprint.make({\n  name: 'consumed-apis',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'component' },\n    loader: () =>\n      import('./components/ApisCards').then(m => <m.ConsumedApisCard />),\n  },\n});\n\nconst apiDocsProvidedApisEntityCard = EntityCardBlueprint.make({\n  name: 'provided-apis',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'component' },\n    loader: () =>\n      import('./components/ApisCards').then(m => <m.ProvidedApisCard />),\n  },\n});\n\nconst apiDocsConsumingComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'consuming-components',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'api' },\n    loader: () =>\n      import('./components/ComponentsCards').then(m => (\n        <m.ConsumingComponentsCard />\n      )),\n  },\n});\n\nconst apiDocsProvidingComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'providing-components',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'api' },\n    loader: () =>\n      import('./components/ComponentsCards').then(m => (\n        <m.ProvidingComponentsCard />\n      )),\n  },\n});\n\nconst apiDocsDefinitionEntityContent = EntityContentBlueprint.make({\n  name: 'definition',\n  params: {\n    path: '/definition',\n    title: 'Definition',\n    filter: { kind: 'api' },\n    loader: async () =>\n      import('./components/ApiDefinitionCard').then(m => (\n        <Grid container spacing={3}>\n          <Grid item xs={12}>\n            <m.ApiDefinitionCard />\n          </Grid>\n        </Grid>\n      )),\n  },\n});\n\nconst apiDocsApisEntityContent = EntityContentBlueprint.make({\n  name: 'apis',\n  params: {\n    path: '/apis',\n    title: 'APIs',\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('./components/ApisCards').then(m => (\n        <Grid container spacing={3} alignItems=\"stretch\">\n          <Grid item xs={12}>\n            <m.ProvidedApisCard />\n          </Grid>\n          <Grid item xs={12}>\n            <m.ConsumedApisCard />\n          </Grid>\n        </Grid>\n      )),\n  },\n});\n\nexport default createFrontendPlugin({\n  pluginId: 'api-docs',\n  info: { packageJson: () => import('../package.json') },\n  routes: {\n    root: rootRoute,\n  },\n  externalRoutes: {\n    registerApi: registerComponentRouteRef,\n  },\n  extensions: [\n    apiDocsNavItem,\n    apiDocsConfigApi,\n    apiDocsExplorerPage,\n    apiDocsHasApisEntityCard,\n    apiDocsDefinitionEntityCard,\n    apiDocsProvidedApisEntityCard,\n    apiDocsConsumedApisEntityCard,\n    apiDocsConsumingComponentsEntityCard,\n    apiDocsProvidingComponentsEntityCard,\n    apiDocsDefinitionEntityContent,\n    apiDocsApisEntityContent,\n  ],\n});\n\nexport { apiDocsTranslationRef } from './translation';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 Grid from '@material-ui/core/Grid';\n\nimport {\n  ApiBlueprint,\n  NavItemBlueprint,\n  PageBlueprint,\n  createFrontendPlugin,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  ApiEntity,\n  parseEntityRef,\n  RELATION_HAS_PART,\n} from '@backstage/catalog-model';\n\nimport { defaultDefinitionWidgets } from './components/ApiDefinitionCard';\nimport { rootRoute, registerComponentRouteRef } from './routes';\nimport { apiDocsConfigRef } from './config';\nimport { AppIcon } from '@backstage/core-components';\n\nimport {\n  EntityCardBlueprint,\n  EntityContentBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\n\nconst apiDocsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'APIs',\n    routeRef: rootRoute,\n    icon: () => <AppIcon id=\"kind:api\" />,\n  },\n});\n\nconst apiDocsConfigApi = ApiBlueprint.make({\n  name: 'config',\n  params: defineParams =>\n    defineParams({\n      api: apiDocsConfigRef,\n      deps: {},\n      factory: () => {\n        const definitionWidgets = defaultDefinitionWidgets();\n        return {\n          getApiDefinitionWidget: (apiEntity: ApiEntity) => {\n            return definitionWidgets.find(d => d.type === apiEntity.spec.type);\n          },\n        };\n      },\n    }),\n});\n\nconst apiDocsExplorerPage = PageBlueprint.makeWithOverrides({\n  config: {\n    schema: {\n      // Omitting columns and actions for now as their types are too complex to map to zod\n      initiallySelectedFilter: z =>\n        z.enum(['owned', 'starred', 'all']).optional(),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      path: '/api-docs',\n      routeRef: rootRoute,\n      loader: () =>\n        import('./components/ApiExplorerPage').then(m => (\n          <m.ApiExplorerIndexPage\n            initiallySelectedFilter={config.initiallySelectedFilter}\n          />\n        )),\n    });\n  },\n});\n\nconst apiDocsHasApisEntityCard = EntityCardBlueprint.make({\n  name: 'has-apis',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: entity => {\n      return (\n        entity.kind === 'Component' &&\n        entity.relations?.some(\n          ({ type, targetRef }) =>\n            type.toLocaleLowerCase('en-US') === RELATION_HAS_PART &&\n            parseEntityRef(targetRef).kind === 'API',\n        )!!\n      );\n    },\n    loader: () => import('./components/ApisCards').then(m => <m.HasApisCard />),\n  },\n});\n\nconst apiDocsDefinitionEntityCard = EntityCardBlueprint.make({\n  name: 'definition',\n  params: {\n    filter: { kind: 'api' },\n    loader: () =>\n      import('./components/ApiDefinitionCard').then(m => (\n        <m.ApiDefinitionCard />\n      )),\n  },\n});\n\nconst apiDocsConsumedApisEntityCard = EntityCardBlueprint.make({\n  name: 'consumed-apis',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'component' },\n    loader: () =>\n      import('./components/ApisCards').then(m => <m.ConsumedApisCard />),\n  },\n});\n\nconst apiDocsProvidedApisEntityCard = EntityCardBlueprint.make({\n  name: 'provided-apis',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants and columns are too complex to map to zod\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'component' },\n    loader: () =>\n      import('./components/ApisCards').then(m => <m.ProvidedApisCard />),\n  },\n});\n\nconst apiDocsConsumingComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'consuming-components',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'api' },\n    loader: () =>\n      import('./components/ComponentsCards').then(m => (\n        <m.ConsumingComponentsCard />\n      )),\n  },\n});\n\nconst apiDocsProvidingComponentsEntityCard = EntityCardBlueprint.make({\n  name: 'providing-components',\n  params: {\n    // Omitting configSchema for now\n    // We are skipping variants\n    // See: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252\n    filter: { kind: 'api' },\n    loader: () =>\n      import('./components/ComponentsCards').then(m => (\n        <m.ProvidingComponentsCard />\n      )),\n  },\n});\n\nconst apiDocsDefinitionEntityContent = EntityContentBlueprint.make({\n  name: 'definition',\n  params: {\n    path: '/definition',\n    title: 'Definition',\n    filter: { kind: 'api' },\n    loader: async () =>\n      import('./components/ApiDefinitionCard').then(m => (\n        <Grid container spacing={3}>\n          <Grid item xs={12}>\n            <m.ApiDefinitionCard />\n          </Grid>\n        </Grid>\n      )),\n  },\n});\n\nconst apiDocsApisEntityContent = EntityContentBlueprint.make({\n  name: 'apis',\n  params: {\n    path: '/apis',\n    title: 'APIs',\n    filter: { kind: 'component' },\n    loader: async () =>\n      import('./components/ApisCards').then(m => (\n        <Grid container spacing={3} alignItems=\"stretch\">\n          <Grid item xs={12}>\n            <m.ProvidedApisCard />\n          </Grid>\n          <Grid item xs={12}>\n            <m.ConsumedApisCard />\n          </Grid>\n        </Grid>\n      )),\n  },\n});\n\nexport default createFrontendPlugin({\n  pluginId: 'api-docs',\n  title: 'APIs',\n  icon: <AppIcon id=\"kind:api\" />,\n  info: { packageJson: () => import('../package.json') },\n  routes: {\n    root: rootRoute,\n  },\n  externalRoutes: {\n    registerApi: registerComponentRouteRef,\n  },\n  extensions: [\n    apiDocsNavItem,\n    apiDocsConfigApi,\n    apiDocsExplorerPage,\n    apiDocsHasApisEntityCard,\n    apiDocsDefinitionEntityCard,\n    apiDocsProvidedApisEntityCard,\n    apiDocsConsumedApisEntityCard,\n    apiDocsConsumingComponentsEntityCard,\n    apiDocsProvidingComponentsEntityCard,\n    apiDocsDefinitionEntityContent,\n    apiDocsApisEntityContent,\n  ],\n});\n\nexport { apiDocsTranslationRef } from './translation';\n"],"names":[],"mappings":"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"}

package/dist/components/ComponentsCards/ConsumingComponentsCard.esm.js

@@ -7,17 +7,22 @@ import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import { apiDocsTranslationRef } from '../../translation.esm.js';
 
 const ConsumingComponentsCard = (props) => {
-  const { variant = "gridItem", columns = EntityTable.componentEntityColumns } = props;
+  const { t } = useTranslationRef(apiDocsTranslationRef);
+  const {
+    variant = "gridItem",
+    title = t("consumingComponentsCard.title"),
+    columns = EntityTable.componentEntityColumns,
+    tableOptions = {}
+  } = props;
   const { entity } = useEntity();
   const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_API_CONSUMED_BY
   });
-  const { t } = useTranslationRef(apiDocsTranslationRef);
   if (loading) {
-    return /* @__PURE__ */ jsx(InfoCard, { variant, title: t("consumingComponentsCard.title"), children: /* @__PURE__ */ jsx(Progress, {}) });
+    return /* @__PURE__ */ jsx(InfoCard, { variant, title, children: /* @__PURE__ */ jsx(Progress, {}) });
   }
   if (error || !entities) {
-    return /* @__PURE__ */ jsx(InfoCard, { variant, title: t("consumingComponentsCard.title"), children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(InfoCard, { variant, title, children: /* @__PURE__ */ jsx(
       WarningPanel,
       {
         severity: "error",
@@ -29,13 +34,14 @@ const ConsumingComponentsCard = (props) => {
   return /* @__PURE__ */ jsx(
     EntityTable,
     {
-      title: t("consumingComponentsCard.title"),
+      title,
       variant,
       emptyContent: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "body1", children: t("consumingComponentsCard.emptyContent.title") }),
         /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { to: "https://backstage.io/docs/features/software-catalog/descriptor-format#specconsumesapis-optional", children: t("apisCardHelpLinkTitle") }) })
       ] }),
       columns,
+      tableOptions,
       entities
     }
   );

package/dist/components/ComponentsCards/ConsumingComponentsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConsumingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ConsumingComponentsCard.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 {\n  ComponentEntity,\n  RELATION_API_CONSUMED_BY,\n} 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 {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  TableColumn,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { apiDocsTranslationRef } from '../../translation';\n\n/**\n * @public\n */\nexport const ConsumingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n  columns?: TableColumn<ComponentEntity>[];\n}) => {\n  const { variant = 'gridItem', columns = EntityTable.componentEntityColumns } =\n    props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_CONSUMED_BY,\n  });\n  const { t } = useTranslationRef(apiDocsTranslationRef);\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title={t('consumingComponentsCard.title')}>\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title={t('consumingComponentsCard.title')}>\n        <WarningPanel\n          severity=\"error\"\n          title={t('consumingComponentsCard.error.title')}\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title={t('consumingComponentsCard.title')}\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">\n            {t('consumingComponentsCard.emptyContent.title')}\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specconsumesapis-optional\">\n              {t('apisCardHelpLinkTitle')}\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyCO,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAGlC;AACJ,EAAA,MAAM,EAAE,OAAA,GAAU,UAAA,EAAY,OAAA,GAAU,WAAA,CAAY,wBAAuB,GACzE,KAAA;AACF,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,KAAA,EAAM,GAAI,mBAAmB,MAAA,EAAQ;AAAA,IAC9D,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA,CAAC,YAAS,OAAA,EAAkB,KAAA,EAAO,EAAE,+BAA+B,CAAA,EAClE,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,IAAS,CAAC,QAAA,EAAU;AACtB,IAAA,2BACG,QAAA,EAAA,EAAS,OAAA,EAAkB,KAAA,EAAO,CAAA,CAAE,+BAA+B,CAAA,EAClE,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAS,OAAA;AAAA,QACT,KAAA,EAAO,EAAE,qCAAqC,CAAA;AAAA,QAC9C,OAAA,sBAAU,WAAA,EAAA,EAAY,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAA,EAAO;AAAA;AAAA,KAC1D,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,MACxC,OAAA;AAAA,MACA,8BACE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,SAAA,EAAW,UAAS,EAChC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,CAAA,CAAE,4CAA4C,CAAA,EACjD,CAAA;AAAA,wBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,iGAAA,EACN,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"ConsumingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ConsumingComponentsCard.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 {\n  ComponentEntity,\n  RELATION_API_CONSUMED_BY,\n} 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 {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  TableColumn,\n  TableOptions,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { apiDocsTranslationRef } from '../../translation';\n\n/**\n * @public\n */\nexport const ConsumingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n  title?: string;\n  columns?: TableColumn<ComponentEntity>[];\n  tableOptions?: TableOptions;\n}) => {\n  const { t } = useTranslationRef(apiDocsTranslationRef);\n  const {\n    variant = 'gridItem',\n    title = t('consumingComponentsCard.title'),\n    columns = EntityTable.componentEntityColumns,\n    tableOptions = {},\n  } = props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_CONSUMED_BY,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <WarningPanel\n          severity=\"error\"\n          title={t('consumingComponentsCard.error.title')}\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\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\">\n            {t('consumingComponentsCard.emptyContent.title')}\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specconsumesapis-optional\">\n              {t('apisCardHelpLinkTitle')}\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      tableOptions={tableOptions}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0CO,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAKlC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AACrD,EAAA,MAAM;AAAA,IACJ,OAAA,GAAU,UAAA;AAAA,IACV,KAAA,GAAQ,EAAE,+BAA+B,CAAA;AAAA,IACzC,UAAU,WAAA,CAAY,sBAAA;AAAA,IACtB,eAAe;AAAC,GAClB,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,KAAA,EAAM,GAAI,mBAAmB,MAAA,EAAQ;AAAA,IAC9D,IAAA,EAAM;AAAA,GACP,CAAA;AAED,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BACG,QAAA,EAAA,EAAS,OAAA,EAAkB,KAAA,EAC1B,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,IAAS,CAAC,QAAA,EAAU;AACtB,IAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAkB,KAAA,EAC1B,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAS,OAAA;AAAA,QACT,KAAA,EAAO,EAAE,qCAAqC,CAAA;AAAA,QAC9C,OAAA,sBAAU,WAAA,EAAA,EAAY,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAA,EAAO;AAAA;AAAA,KAC1D,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,8BACE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,SAAA,EAAW,UAAS,EAChC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,CAAA,CAAE,4CAA4C,CAAA,EACjD,CAAA;AAAA,wBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,iGAAA,EACN,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/ComponentsCards/ProvidingComponentsCard.esm.js

@@ -7,17 +7,22 @@ import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import { apiDocsTranslationRef } from '../../translation.esm.js';
 
 const ProvidingComponentsCard = (props) => {
-  const { variant = "gridItem", columns = EntityTable.componentEntityColumns } = props;
+  const { t } = useTranslationRef(apiDocsTranslationRef);
+  const {
+    variant = "gridItem",
+    title = t("providingComponentsCard.title"),
+    columns = EntityTable.componentEntityColumns,
+    tableOptions = {}
+  } = props;
   const { entity } = useEntity();
   const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_API_PROVIDED_BY
   });
-  const { t } = useTranslationRef(apiDocsTranslationRef);
   if (loading) {
-    return /* @__PURE__ */ jsx(InfoCard, { variant, title: t("providingComponentsCard.title"), children: /* @__PURE__ */ jsx(Progress, {}) });
+    return /* @__PURE__ */ jsx(InfoCard, { variant, title, children: /* @__PURE__ */ jsx(Progress, {}) });
   }
   if (error || !entities) {
-    return /* @__PURE__ */ jsx(InfoCard, { variant, title: t("providingComponentsCard.title"), children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(InfoCard, { variant, title, children: /* @__PURE__ */ jsx(
       WarningPanel,
       {
         severity: "error",
@@ -29,13 +34,14 @@ const ProvidingComponentsCard = (props) => {
   return /* @__PURE__ */ jsx(
     EntityTable,
     {
-      title: t("providingComponentsCard.title"),
+      title,
       variant,
       emptyContent: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "body1", children: t("providingComponentsCard.emptyContent.title") }),
         /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { to: "https://backstage.io/docs/features/software-catalog/descriptor-format#specprovidesapis-optional", children: t("apisCardHelpLinkTitle") }) })
       ] }),
       columns,
+      tableOptions,
       entities
     }
   );

package/dist/components/ComponentsCards/ProvidingComponentsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProvidingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ProvidingComponentsCard.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 {\n  ComponentEntity,\n  RELATION_API_PROVIDED_BY,\n} 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 {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  TableColumn,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { apiDocsTranslationRef } from '../../translation';\n\n/** @public */\nexport const ProvidingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n  columns?: TableColumn<ComponentEntity>[];\n}) => {\n  const { variant = 'gridItem', columns = EntityTable.componentEntityColumns } =\n    props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_PROVIDED_BY,\n  });\n  const { t } = useTranslationRef(apiDocsTranslationRef);\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title={t('providingComponentsCard.title')}>\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title={t('providingComponentsCard.title')}>\n        <WarningPanel\n          severity=\"error\"\n          title={t('providingComponentsCard.error.title')}\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\n      </InfoCard>\n    );\n  }\n\n  return (\n    <EntityTable\n      title={t('providingComponentsCard.title')}\n      variant={variant}\n      emptyContent={\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">\n            {t('providingComponentsCard.emptyContent.title')}\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specprovidesapis-optional\">\n              {t('apisCardHelpLinkTitle')}\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAuCO,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAGlC;AACJ,EAAA,MAAM,EAAE,OAAA,GAAU,UAAA,EAAY,OAAA,GAAU,WAAA,CAAY,wBAAuB,GACzE,KAAA;AACF,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,KAAA,EAAM,GAAI,mBAAmB,MAAA,EAAQ;AAAA,IAC9D,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA,CAAC,YAAS,OAAA,EAAkB,KAAA,EAAO,EAAE,+BAA+B,CAAA,EAClE,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,IAAS,CAAC,QAAA,EAAU;AACtB,IAAA,2BACG,QAAA,EAAA,EAAS,OAAA,EAAkB,KAAA,EAAO,CAAA,CAAE,+BAA+B,CAAA,EAClE,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAS,OAAA;AAAA,QACT,KAAA,EAAO,EAAE,qCAAqC,CAAA;AAAA,QAC9C,OAAA,sBAAU,WAAA,EAAA,EAAY,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAA,EAAO;AAAA;AAAA,KAC1D,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,MACxC,OAAA;AAAA,MACA,8BACE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,SAAA,EAAW,UAAS,EAChC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,CAAA,CAAE,4CAA4C,CAAA,EACjD,CAAA;AAAA,wBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,iGAAA,EACN,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"ProvidingComponentsCard.esm.js","sources":["../../../src/components/ComponentsCards/ProvidingComponentsCard.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 {\n  ComponentEntity,\n  RELATION_API_PROVIDED_BY,\n} 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 {\n  CodeSnippet,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n  TableColumn,\n  TableOptions,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { apiDocsTranslationRef } from '../../translation';\n\n/** @public */\nexport const ProvidingComponentsCard = (props: {\n  variant?: InfoCardVariants;\n  title?: string;\n  columns?: TableColumn<ComponentEntity>[];\n  tableOptions?: TableOptions;\n}) => {\n  const { t } = useTranslationRef(apiDocsTranslationRef);\n  const {\n    variant = 'gridItem',\n    title = t('providingComponentsCard.title'),\n    columns = EntityTable.componentEntityColumns,\n    tableOptions = {},\n  } = props;\n  const { entity } = useEntity();\n  const { entities, loading, error } = useRelatedEntities(entity, {\n    type: RELATION_API_PROVIDED_BY,\n  });\n\n  if (loading) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (error || !entities) {\n    return (\n      <InfoCard variant={variant} title={title}>\n        <WarningPanel\n          severity=\"error\"\n          title={t('providingComponentsCard.error.title')}\n          message={<CodeSnippet text={`${error}`} language=\"text\" />}\n        />\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\">\n            {t('providingComponentsCard.emptyContent.title')}\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to=\"https://backstage.io/docs/features/software-catalog/descriptor-format#specprovidesapis-optional\">\n              {t('apisCardHelpLinkTitle')}\n            </Link>\n          </Typography>\n        </div>\n      }\n      columns={columns}\n      tableOptions={tableOptions}\n      entities={entities as ComponentEntity[]}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwCO,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAKlC;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AACrD,EAAA,MAAM;AAAA,IACJ,OAAA,GAAU,UAAA;AAAA,IACV,KAAA,GAAQ,EAAE,+BAA+B,CAAA;AAAA,IACzC,UAAU,WAAA,CAAY,sBAAA;AAAA,IACtB,eAAe;AAAC,GAClB,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,KAAA,EAAM,GAAI,mBAAmB,MAAA,EAAQ;AAAA,IAC9D,IAAA,EAAM;AAAA,GACP,CAAA;AAED,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BACG,QAAA,EAAA,EAAS,OAAA,EAAkB,KAAA,EAC1B,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,IAAS,CAAC,QAAA,EAAU;AACtB,IAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAkB,KAAA,EAC1B,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAS,OAAA;AAAA,QACT,KAAA,EAAO,EAAE,qCAAqC,CAAA;AAAA,QAC9C,OAAA,sBAAU,WAAA,EAAA,EAAY,IAAA,EAAM,GAAG,KAAK,CAAA,CAAA,EAAI,UAAS,MAAA,EAAO;AAAA;AAAA,KAC1D,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,8BACE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,SAAA,EAAW,UAAS,EAChC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,CAAA,CAAE,4CAA4C,CAAA,EACjD,CAAA;AAAA,wBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,iGAAA,EACN,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,MAEF,OAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/OpenApiDefinitionWidget/OpenApiDefinition.esm.js

@@ -155,6 +155,16 @@ const useStyles = makeStyles((theme) => ({
       },
       [`& .json-schema-2020-12-property--required>.json-schema-2020-12:first-of-type>.json-schema-2020-12-head .json-schema-2020-12__title:after`]: {
         color: theme.palette.warning.dark
+      },
+      [`& input[type=text],
+          & input[type=password],
+          & input[type=email],
+          & input[type=number],
+          & textarea,
+          & select`]: {
+        backgroundColor: theme.palette.background.paper,
+        color: theme.palette.text.primary,
+        borderColor: theme.palette.divider
       }
     }
   }

package/dist/components/OpenApiDefinitionWidget/OpenApiDefinition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenApiDefinition.esm.js","sources":["../../../src/components/OpenApiDefinitionWidget/OpenApiDefinition.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 { makeStyles } from '@material-ui/core/styles';\nimport { useEffect, useState } from 'react';\nimport SwaggerUI from 'swagger-ui-react';\nimport 'swagger-ui-react/swagger-ui.css';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    '& .swagger-ui': {\n      fontFamily: theme.typography.fontFamily,\n      color: theme.palette.text.primary,\n\n      ['& .btn-clear']: {\n        color: theme.palette.text.primary,\n      },\n      [`& .scheme-container`]: {\n        backgroundColor: theme.palette.background.default,\n      },\n      [`& .opblock-tag,\n          .opblock-tag small,\n          table thead tr td,\n          table thead tr th,\n          table tbody tr td,\n          table tbody tr th`]: {\n        fontFamily: theme.typography.fontFamily,\n        color: theme.palette.text.primary,\n        borderColor: theme.palette.divider,\n      },\n      [`& section.models,\n          section.models.is-open h4`]: {\n        borderColor: theme.palette.divider,\n      },\n      [`& .model-title,\n          .model .renderedMarkdown,\n          .model .description`]: {\n        fontFamily: theme.typography.fontFamily,\n        fontWeight: theme.typography.fontWeightRegular,\n      },\n      [`& h1, h2, h3, h4, h5, h6,\n          .errors h4, .error h4, .opblock h4, section.models h4,\n          .response-control-media-type__accept-message,\n          .opblock-summary-description,\n          .opblock-summary-operation-id,\n          .opblock-summary-path,\n          .opblock-summary-path__deprecated,\n          .opblock-description-wrapper,\n          .opblock-external-docs-wrapper,\n          .opblock-section-header .btn,\n          .opblock-section-header>label,\n          .scheme-container .schemes>label,a.nostyle,\n          .parameter__name,\n          .response-col_status,\n          .response-col_links,\n          .error .btn,\n          .info .title,\n          .info .base-url`]: {\n        fontFamily: theme.typography.fontFamily,\n        color: theme.palette.text.primary,\n      },\n      [`& .opblock .opblock-section-header,\n          .model-box,\n          section.models .model-container`]: {\n        background: theme.palette.background.default,\n      },\n      [`& .prop-format,\n          .parameter__in`]: {\n        color: theme.palette.text.disabled,\n      },\n      [`& table.model,\n          .parameter__type,\n          .model.model-title,\n          .model-title,\n          .model span,\n          .model .brace-open,\n          .model .brace-close,\n          .model .property.primitive,\n          .model .renderedMarkdown,\n          .model .description,\n          .errors small`]: {\n        color: theme.palette.text.secondary,\n      },\n      [`& .parameter__name.required:after,\n        .parameter__name.required span`]: {\n        color: theme.palette.warning.dark,\n      },\n      [`& table.model,\n          table.model .model,\n          .opblock-external-docs-wrapper`]: {\n        fontSize: theme.typography.fontSize,\n      },\n      [`& table.headers td`]: {\n        color: theme.palette.text.primary,\n        fontWeight: theme.typography.fontWeightRegular,\n      },\n      [`& .model-hint`]: {\n        color: theme.palette.text.secondary,\n        backgroundColor: theme.palette.background.paper,\n      },\n      [`& .opblock-summary-method,\n          .info a`]: {\n        fontFamily: theme.typography.fontFamily,\n      },\n      [`& .info, .opblock, .tab`]: {\n        [`& li, p`]: {\n          fontFamily: theme.typography.fontFamily,\n          color: theme.palette.text.primary,\n        },\n      },\n      [`& a`]: {\n        color: theme.palette.primary.main,\n      },\n      [`& .renderedMarkdown code`]: {\n        color: theme.palette.secondary.light,\n      },\n      [`& .property-row td:first-child`]: {\n        color: theme.palette.text.primary,\n      },\n      [`& span.prop-type`]: {\n        color: theme.palette.success.light,\n      },\n      [`& .opblock-control-arrow svg, .authorization__btn .unlocked`]: {\n        fill: theme.palette.text.primary,\n      },\n      [`& .json-schema-2020-12__title,\n          .json-schema-2020-12-keyword__name,\n          .json-schema-2020-12-property .json-schema-2020-12__title,\n          .json-schema-2020-12-keyword--description`]: {\n        color: theme.palette.text.primary,\n      },\n      [`.json-schema-2020-12-accordion__icon svg`]: {\n        fill: theme.palette.text.primary,\n      },\n      [`& .json-schema-2020-12-accordion,\n          .json-schema-2020-12-expand-deep-button`]: {\n        background: 'none',\n        appearance: 'none',\n      },\n      [`& .json-schema-2020-12-expand-deep-button,\n          .json-schema-2020-12-keyword__name--secondary,\n          .json-schema-2020-12-keyword__value--secondary,\n          .json-schema-2020-12__attribute--muted,\n          .json-schema-2020-12-keyword__value--const,\n          .json-schema-2020-12-keyword__value--warning`]: {\n        color: theme.palette.text.secondary,\n      },\n      [`& .json-schema-2020-12-body,\n          .json-schema-2020-12-keyword__value--const,\n          .json-schema-2020-12-keyword__value--warning`]: {\n        borderColor: theme.palette.text.secondary,\n      },\n      [`.json-schema-2020-12__constraint--string`]: {\n        backgroundColor: theme.palette.primary.main,\n      },\n      [`& .json-schema-2020-12__attribute--primary`]: {\n        color: theme.palette.primary.main,\n      },\n      [`& .json-schema-2020-12-property--required>.json-schema-2020-12:first-of-type>.json-schema-2020-12-head .json-schema-2020-12__title:after`]:\n        {\n          color: theme.palette.warning.dark,\n        },\n    },\n  },\n}));\n\nexport type OpenApiDefinitionProps = {\n  definition: string;\n} & Omit<React.ComponentProps<typeof SwaggerUI>, 'spec'>;\n\nexport const OpenApiDefinition = ({\n  definition,\n  ...swaggerUiProps\n}: OpenApiDefinitionProps) => {\n  const classes = useStyles();\n\n  // Due to a bug in the swagger-ui-react component, the component needs\n  // to be created without content first.\n  const [def, setDef] = useState('');\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDef(definition), 0);\n    return () => clearTimeout(timer);\n  }, [definition, setDef]);\n\n  return (\n    <div className={classes.root}>\n      <SwaggerUI\n        spec={def}\n        url=\"\"\n        deepLinking\n        oauth2RedirectUrl={`${window.location.protocol}//${window.location.host}/oauth2-redirect.html`}\n        {...swaggerUiProps}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OpenApiDefinition.esm.js","sources":["../../../src/components/OpenApiDefinitionWidget/OpenApiDefinition.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 { makeStyles } from '@material-ui/core/styles';\nimport { useEffect, useState } from 'react';\nimport SwaggerUI from 'swagger-ui-react';\nimport 'swagger-ui-react/swagger-ui.css';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    '& .swagger-ui': {\n      fontFamily: theme.typography.fontFamily,\n      color: theme.palette.text.primary,\n\n      ['& .btn-clear']: {\n        color: theme.palette.text.primary,\n      },\n      [`& .scheme-container`]: {\n        backgroundColor: theme.palette.background.default,\n      },\n      [`& .opblock-tag,\n          .opblock-tag small,\n          table thead tr td,\n          table thead tr th,\n          table tbody tr td,\n          table tbody tr th`]: {\n        fontFamily: theme.typography.fontFamily,\n        color: theme.palette.text.primary,\n        borderColor: theme.palette.divider,\n      },\n      [`& section.models,\n          section.models.is-open h4`]: {\n        borderColor: theme.palette.divider,\n      },\n      [`& .model-title,\n          .model .renderedMarkdown,\n          .model .description`]: {\n        fontFamily: theme.typography.fontFamily,\n        fontWeight: theme.typography.fontWeightRegular,\n      },\n      [`& h1, h2, h3, h4, h5, h6,\n          .errors h4, .error h4, .opblock h4, section.models h4,\n          .response-control-media-type__accept-message,\n          .opblock-summary-description,\n          .opblock-summary-operation-id,\n          .opblock-summary-path,\n          .opblock-summary-path__deprecated,\n          .opblock-description-wrapper,\n          .opblock-external-docs-wrapper,\n          .opblock-section-header .btn,\n          .opblock-section-header>label,\n          .scheme-container .schemes>label,a.nostyle,\n          .parameter__name,\n          .response-col_status,\n          .response-col_links,\n          .error .btn,\n          .info .title,\n          .info .base-url`]: {\n        fontFamily: theme.typography.fontFamily,\n        color: theme.palette.text.primary,\n      },\n      [`& .opblock .opblock-section-header,\n          .model-box,\n          section.models .model-container`]: {\n        background: theme.palette.background.default,\n      },\n      [`& .prop-format,\n          .parameter__in`]: {\n        color: theme.palette.text.disabled,\n      },\n      [`& table.model,\n          .parameter__type,\n          .model.model-title,\n          .model-title,\n          .model span,\n          .model .brace-open,\n          .model .brace-close,\n          .model .property.primitive,\n          .model .renderedMarkdown,\n          .model .description,\n          .errors small`]: {\n        color: theme.palette.text.secondary,\n      },\n      [`& .parameter__name.required:after,\n        .parameter__name.required span`]: {\n        color: theme.palette.warning.dark,\n      },\n      [`& table.model,\n          table.model .model,\n          .opblock-external-docs-wrapper`]: {\n        fontSize: theme.typography.fontSize,\n      },\n      [`& table.headers td`]: {\n        color: theme.palette.text.primary,\n        fontWeight: theme.typography.fontWeightRegular,\n      },\n      [`& .model-hint`]: {\n        color: theme.palette.text.secondary,\n        backgroundColor: theme.palette.background.paper,\n      },\n      [`& .opblock-summary-method,\n          .info a`]: {\n        fontFamily: theme.typography.fontFamily,\n      },\n      [`& .info, .opblock, .tab`]: {\n        [`& li, p`]: {\n          fontFamily: theme.typography.fontFamily,\n          color: theme.palette.text.primary,\n        },\n      },\n      [`& a`]: {\n        color: theme.palette.primary.main,\n      },\n      [`& .renderedMarkdown code`]: {\n        color: theme.palette.secondary.light,\n      },\n      [`& .property-row td:first-child`]: {\n        color: theme.palette.text.primary,\n      },\n      [`& span.prop-type`]: {\n        color: theme.palette.success.light,\n      },\n      [`& .opblock-control-arrow svg, .authorization__btn .unlocked`]: {\n        fill: theme.palette.text.primary,\n      },\n      [`& .json-schema-2020-12__title,\n          .json-schema-2020-12-keyword__name,\n          .json-schema-2020-12-property .json-schema-2020-12__title,\n          .json-schema-2020-12-keyword--description`]: {\n        color: theme.palette.text.primary,\n      },\n      [`.json-schema-2020-12-accordion__icon svg`]: {\n        fill: theme.palette.text.primary,\n      },\n      [`& .json-schema-2020-12-accordion,\n          .json-schema-2020-12-expand-deep-button`]: {\n        background: 'none',\n        appearance: 'none',\n      },\n      [`& .json-schema-2020-12-expand-deep-button,\n          .json-schema-2020-12-keyword__name--secondary,\n          .json-schema-2020-12-keyword__value--secondary,\n          .json-schema-2020-12__attribute--muted,\n          .json-schema-2020-12-keyword__value--const,\n          .json-schema-2020-12-keyword__value--warning`]: {\n        color: theme.palette.text.secondary,\n      },\n      [`& .json-schema-2020-12-body,\n          .json-schema-2020-12-keyword__value--const,\n          .json-schema-2020-12-keyword__value--warning`]: {\n        borderColor: theme.palette.text.secondary,\n      },\n      [`.json-schema-2020-12__constraint--string`]: {\n        backgroundColor: theme.palette.primary.main,\n      },\n      [`& .json-schema-2020-12__attribute--primary`]: {\n        color: theme.palette.primary.main,\n      },\n      [`& .json-schema-2020-12-property--required>.json-schema-2020-12:first-of-type>.json-schema-2020-12-head .json-schema-2020-12__title:after`]:\n        {\n          color: theme.palette.warning.dark,\n        },\n      [`& input[type=text],\n          & input[type=password],\n          & input[type=email],\n          & input[type=number],\n          & textarea,\n          & select`]: {\n        backgroundColor: theme.palette.background.paper,\n        color: theme.palette.text.primary,\n        borderColor: theme.palette.divider,\n      },\n    },\n  },\n}));\n\nexport type OpenApiDefinitionProps = {\n  definition: string;\n} & Omit<React.ComponentProps<typeof SwaggerUI>, 'spec'>;\n\nexport const OpenApiDefinition = ({\n  definition,\n  ...swaggerUiProps\n}: OpenApiDefinitionProps) => {\n  const classes = useStyles();\n\n  // Due to a bug in the swagger-ui-react component, the component needs\n  // to be created without content first.\n  const [def, setDef] = useState('');\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDef(definition), 0);\n    return () => clearTimeout(timer);\n  }, [definition, setDef]);\n\n  return (\n    <div className={classes.root}>\n      <SwaggerUI\n        spec={def}\n        url=\"\"\n        deepLinking\n        oauth2RedirectUrl={`${window.location.protocol}//${window.location.host}/oauth2-redirect.html`}\n        {...swaggerUiProps}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -114,13 +114,17 @@ declare const AsyncApiDefinitionWidget: (props: AsyncApiDefinitionWidgetProps) =
  */
 declare const ConsumingComponentsCard: (props: {
     variant?: InfoCardVariants;
+    title?: string;
     columns?: TableColumn<ComponentEntity>[];
+    tableOptions?: TableOptions;
 }) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 declare const ProvidingComponentsCard: (props: {
     variant?: InfoCardVariants;
+    title?: string;
     columns?: TableColumn<ComponentEntity>[];
+    tableOptions?: TableOptions;
 }) => react_jsx_runtime.JSX.Element;
 
 /** @public */
@@ -181,7 +185,9 @@ declare const EntityConsumedApisCard: (props: {
 /** @public */
 declare const EntityConsumingComponentsCard: (props: {
     variant?: _backstage_core_components.InfoCardVariants;
+    title?: string;
     columns?: _backstage_core_components.TableColumn<_backstage_catalog_model.ComponentEntity>[];
+    tableOptions?: _backstage_core_components.TableOptions;
 }) => react_jsx_runtime.JSX.Element;
 /** @public */
 declare const EntityProvidedApisCard: (props: {
@@ -193,7 +199,9 @@ declare const EntityProvidedApisCard: (props: {
 /** @public */
 declare const EntityProvidingComponentsCard: (props: {
     variant?: _backstage_core_components.InfoCardVariants;
+    title?: string;
     columns?: _backstage_core_components.TableColumn<_backstage_catalog_model.ComponentEntity>[];
+    tableOptions?: _backstage_core_components.TableOptions;
 }) => react_jsx_runtime.JSX.Element;
 /** @public */
 declare const EntityHasApisCard: (props: {

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-api-docs";
-var version = "0.13.4-next.2";
+var version = "0.13.5-next.0";
 var description = "A Backstage plugin that helps represent API entities in the frontend";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-api-docs",
-  "version": "0.13.4-next.2",
+  "version": "0.13.5-next.0",
   "description": "A Backstage plugin that helps represent API entities in the frontend",
   "backstage": {
     "role": "frontend-plugin",
@@ -67,13 +67,13 @@
   "dependencies": {
     "@asyncapi/react-component": "^2.3.3",
     "@backstage/catalog-model": "1.7.6",
-    "@backstage/core-components": "0.18.7-next.2",
-    "@backstage/core-plugin-api": "1.12.3-next.1",
-    "@backstage/frontend-plugin-api": "0.14.0-next.2",
-    "@backstage/plugin-catalog": "1.33.0-next.2",
-    "@backstage/plugin-catalog-common": "1.1.8-next.0",
-    "@backstage/plugin-catalog-react": "2.0.0-next.2",
-    "@backstage/plugin-permission-react": "0.4.40-next.1",
+    "@backstage/core-components": "0.18.8-next.0",
+    "@backstage/core-plugin-api": "1.12.4-next.0",
+    "@backstage/frontend-plugin-api": "0.14.2-next.0",
+    "@backstage/plugin-catalog": "1.33.1-next.0",
+    "@backstage/plugin-catalog-common": "1.1.8",
+    "@backstage/plugin-catalog-react": "2.0.1-next.0",
+    "@backstage/plugin-permission-react": "0.4.41-next.0",
     "@graphiql/react": "^0.23.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
@@ -85,11 +85,11 @@
     "swagger-ui-react": "^5.27.1"
   },
   "devDependencies": {
-    "@backstage/cli": "0.35.4-next.2",
-    "@backstage/core-app-api": "1.19.5-next.1",
-    "@backstage/dev-utils": "1.1.20-next.2",
-    "@backstage/frontend-test-utils": "0.5.0-next.2",
-    "@backstage/test-utils": "1.7.15-next.2",
+    "@backstage/cli": "0.35.5-next.0",
+    "@backstage/core-app-api": "1.19.6-next.0",
+    "@backstage/dev-utils": "1.1.21-next.0",
+    "@backstage/frontend-test-utils": "0.5.1-next.0",
+    "@backstage/test-utils": "1.7.16-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",