@backstage/plugin-api-docs 0.13.5-next.1 → 0.13.5

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @backstage/plugin-api-docs
 
+## 0.13.5
+
+### Patch Changes
+
+- 9c9d425: Fixed invisible text in parameter input fields when using dark mode in OpenAPI definition pages
+- 538c985: Updated installation documentation to use feature discovery as the default.
+- 30e08df: Added default entity content groups for the API docs entity content tabs. The API definition tab defaults to the `documentation` group and the APIs tab defaults to the `development` group.
+- c548a0f: Migrated entity table cards (`ConsumedApisCard`, `ProvidedApisCard`, `HasApisCard`, `ConsumingComponentsCard`, `ProvidingComponentsCard`) to use BUI when no legacy props are passed. The old `variant`, `columns`, and `tableOptions` props are deprecated but still supported — passing any of them triggers the legacy MUI-based rendering. The new `columnConfig` prop accepts `EntityColumnConfig[]` for BUI-based rendering.
+- aa29b50: New frontend system pages now use the default plugin header together with `HeaderPage` instead of the legacy core page header pattern.
+- 3f36ce1: Updated alpha plugin icons to follow the new frontend icon sizing rules when rendered in plugin and navigation surfaces.
+- 0be2541: Promoted the plugin's translation ref to the stable package entry point. It was previously only available through the alpha entry point.
+- ca277ef: Updated dependency `graphiql` to `3.9.0` to address security vulnerability in `markdown-it` package.
+  Updated dependency `@graphiql/react` to `0.29.0` to match the version used by `graphiql`.
+  Moved dependency `graphql-config` to `devDependencies` as it is needed only for types.
+- Updated dependencies
+  - @backstage/plugin-catalog-react@2.1.0
+  - @backstage/ui@0.13.0
+  - @backstage/core-plugin-api@1.12.4
+  - @backstage/core-components@0.18.8
+  - @backstage/frontend-plugin-api@0.15.0
+  - @backstage/plugin-catalog@2.0.0
+  - @backstage/plugin-permission-react@0.4.41
+  - @backstage/catalog-model@1.7.7
+
+## 0.13.5-next.2
+
+### Patch Changes
+
+- ca277ef: Updated dependency `graphiql` to `3.9.0` to address security vulnerability in `markdown-it` package.
+  Updated dependency `@graphiql/react` to `0.29.0` to match the version used by `graphiql`.
+  Moved dependency `graphql-config` to `devDependencies` as it is needed only for types.
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.15.0-next.1
+  - @backstage/core-plugin-api@1.12.4-next.1
+  - @backstage/plugin-catalog-react@2.1.0-next.2
+  - @backstage/core-components@0.18.8-next.1
+  - @backstage/plugin-catalog@2.0.0-next.2
+
 ## 0.13.5-next.1
 
 ### Patch Changes

package/README.md

@@ -1,8 +1,5 @@
 # API Documentation
 
-> Disclaimer:
-> If you are looking for documentation on the experimental new frontend system support, please go [here](./README-alpha.md).
-
 This is an extension for the catalog plugin that provides components to discover and display API entities.
 APIs define the interface between components, see the [system model](https://backstage.io/docs/features/software-catalog/system-model) for details.
 They are defined in machine readable formats and provide a human readable documentation.
@@ -28,77 +25,32 @@ To link that a component provides or consumes an API, see the [`providesApis`](h
 
 > The plugin is already added when using `npx @backstage/create-app` so you can skip these steps.
 
-1. Install the API docs plugin
-
 ```bash
 # From your Backstage root directory
 yarn --cwd packages/app add @backstage/plugin-api-docs
 ```
 
-2. Add the `ApiExplorerPage` extension to the app:
-
-```tsx
-// In packages/app/src/App.tsx
-
-import { ApiExplorerPage } from '@backstage/plugin-api-docs';
-
-<Route path="/api-docs" element={<ApiExplorerPage />} />;
-```
-
-3. Add one of the provided widgets to the EntityPage:
-
-```tsx
-// packages/app/src/components/catalog/EntityPage.tsx
+Once installed, the plugin is automatically available in your app through the default feature discovery. For more details and alternative installation methods, see [installing plugins](https://backstage.io/docs/frontend-system/building-apps/installing-plugins).
 
-import {
-  EntityAboutCard,
-  EntityApiDefinitionCard,
-  EntityConsumingComponentsCard,
-  EntityProvidingComponentsCard,
-} from '@backstage/plugin-api-docs';
+You can enable entity cards and tabs on the catalog entity page through configuration:
 
-const apiPage = (
-  <EntityLayout>
-    <EntityLayout.Route path="/" title="Overview">
-      <Grid container spacing={3}>
-        <Grid item xs={12} md={6}>
-          <EntityAboutCard />
-        </Grid>
-        <Grid container>
-          <Grid item md={12}>
-            <Grid item xs={12} md={6}>
-              <EntityProvidingComponentsCard />
-            </Grid>
-            <Grid item xs={12} md={6}>
-              <EntityConsumingComponentsCard />
-            </Grid>
-          </Grid>
-        </Grid>
-      </Grid>
-    </EntityLayout.Route>
-
-    <EntityLayout.Route path="/definition" title="Definition">
-      <Grid container spacing={3}>
-        <Grid item xs={12}>
-          <EntityApiDefinitionCard />
-        </Grid>
-      </Grid>
-    </EntityLayout.Route>
-  </EntityLayout>
-);
-
-// ...
-
-export const entityPage = (
-  <EntitySwitch>
-    // ...
-    <EntitySwitch.Case if={isKind('api')} children={apiPage} />
-    // ...
-  </EntitySwitch>
-);
+```yaml
+# app-config.yaml
+app:
+  extensions:
+    - entity-card:api-docs/providing-components:
+        config:
+          filter:
+            kind: api
+    - entity-card:api-docs/consuming-components:
+        config:
+          filter:
+            kind: api
+    - entity-content:api-docs/definition
+    - entity-content:api-docs/apis
 ```
 
-There are other components to discover in [`./src/components`](./src/components) that are also added by the default app.
+For the full list of available extensions and their configuration options, see the [README-alpha.md](./README-alpha.md).
 
 ## Customizations
 
@@ -388,6 +340,75 @@ import { ApiExplorerPage } from '@backstage/plugin-api-docs';
 />;
 ```
 
+## Old Frontend System
+
+If your Backstage app uses the old frontend system, you need to manually wire the plugin into your app as outlined in this section. If you are on the new frontend system, you can skip this.
+
+1. Add the `ApiExplorerPage` extension to the app:
+
+```tsx
+// In packages/app/src/App.tsx
+
+import { ApiExplorerPage } from '@backstage/plugin-api-docs';
+
+<Route path="/api-docs" element={<ApiExplorerPage />} />;
+```
+
+2. Add one of the provided widgets to the EntityPage:
+
+```tsx
+// packages/app/src/components/catalog/EntityPage.tsx
+
+import {
+  EntityAboutCard,
+  EntityApiDefinitionCard,
+  EntityConsumingComponentsCard,
+  EntityProvidingComponentsCard,
+} from '@backstage/plugin-api-docs';
+
+const apiPage = (
+  <EntityLayout>
+    <EntityLayout.Route path="/" title="Overview">
+      <Grid container spacing={3}>
+        <Grid item xs={12} md={6}>
+          <EntityAboutCard />
+        </Grid>
+        <Grid container>
+          <Grid item md={12}>
+            <Grid item xs={12} md={6}>
+              <EntityProvidingComponentsCard />
+            </Grid>
+            <Grid item xs={12} md={6}>
+              <EntityConsumingComponentsCard />
+            </Grid>
+          </Grid>
+        </Grid>
+      </Grid>
+    </EntityLayout.Route>
+
+    <EntityLayout.Route path="/definition" title="Definition">
+      <Grid container spacing={3}>
+        <Grid item xs={12}>
+          <EntityApiDefinitionCard />
+        </Grid>
+      </Grid>
+    </EntityLayout.Route>
+  </EntityLayout>
+);
+
+// ...
+
+export const entityPage = (
+  <EntitySwitch>
+    // ...
+    <EntitySwitch.Case if={isKind('api')} children={apiPage} />
+    // ...
+  </EntitySwitch>
+);
+```
+
+There are other components to discover in [`./src/components`](./src/components) that are also added by the default app.
+
 ## Links
 
 - [The Backstage homepage](https://backstage.io)

package/dist/alpha.d.ts

@@ -5,41 +5,6 @@ import * as _backstage_filter_predicates from '@backstage/filter-predicates';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 
-/**
- * @alpha
- */
-declare const apiDocsTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"api-docs", {
-    readonly "apiDefinitionCard.error.title": "Could not fetch the API";
-    readonly "apiDefinitionCard.rawButtonTitle": "Raw";
-    readonly "apiDefinitionDialog.closeButtonTitle": "Close";
-    readonly "apiDefinitionDialog.tabsAriaLabel": "API definition options";
-    readonly "apiDefinitionDialog.rawButtonTitle": "Raw";
-    readonly "apiDefinitionDialog.toggleButtonAriaLabel": "Toggle API Definition Dialog";
-    readonly "defaultApiExplorerPage.title": "APIs";
-    readonly "defaultApiExplorerPage.subtitle": "{{orgName}} API Explorer";
-    readonly "defaultApiExplorerPage.pageTitleOverride": "APIs";
-    readonly "defaultApiExplorerPage.createButtonTitle": "Register Existing API";
-    readonly "defaultApiExplorerPage.supportButtonTitle": "All your APIs";
-    readonly "consumedApisCard.error.title": "Could not load APIs";
-    readonly "consumedApisCard.title": "Consumed APIs";
-    readonly "consumedApisCard.emptyContent.title": "This {{entity}} does not consume any APIs.";
-    readonly "hasApisCard.error.title": "Could not load APIs";
-    readonly "hasApisCard.title": "APIs";
-    readonly "hasApisCard.emptyContent.title": "This {{entity}} does not contain any APIs.";
-    readonly "providedApisCard.error.title": "Could not load APIs";
-    readonly "providedApisCard.title": "Provided APIs";
-    readonly "providedApisCard.emptyContent.title": "This {{entity}} does not provide any APIs.";
-    readonly "apiEntityColumns.typeTitle": "Type";
-    readonly "apiEntityColumns.apiDefinitionTitle": "API Definition";
-    readonly "consumingComponentsCard.error.title": "Could not load components";
-    readonly "consumingComponentsCard.title": "Consumers";
-    readonly "consumingComponentsCard.emptyContent.title": "No component consumes this API.";
-    readonly "providingComponentsCard.error.title": "Could not load components";
-    readonly "providingComponentsCard.title": "Providers";
-    readonly "providingComponentsCard.emptyContent.title": "No component provides this API.";
-    readonly apisCardHelpLinkTitle: "Learn how to change this";
-}>;
-
 declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
     root: _backstage_core_plugin_api.RouteRef<undefined>;
 }, {
@@ -339,7 +304,6 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
         kind: "page";
         name: undefined;
         params: {
-            defaultPath?: [Error: `Use the 'path' param instead`];
             path: string;
             title?: string;
             icon?: _backstage_frontend_plugin_api.IconElement;
@@ -350,4 +314,40 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
     }>;
 }>;
 
+/**
+ * @alpha
+ * @deprecated Import from `@backstage/plugin-api-docs` instead.
+ */
+declare const apiDocsTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"api-docs", {
+    readonly "apiDefinitionCard.error.title": "Could not fetch the API";
+    readonly "apiDefinitionCard.rawButtonTitle": "Raw";
+    readonly "apiDefinitionDialog.closeButtonTitle": "Close";
+    readonly "apiDefinitionDialog.tabsAriaLabel": "API definition options";
+    readonly "apiDefinitionDialog.rawButtonTitle": "Raw";
+    readonly "apiDefinitionDialog.toggleButtonAriaLabel": "Toggle API Definition Dialog";
+    readonly "defaultApiExplorerPage.title": "APIs";
+    readonly "defaultApiExplorerPage.subtitle": "{{orgName}} API Explorer";
+    readonly "defaultApiExplorerPage.pageTitleOverride": "APIs";
+    readonly "defaultApiExplorerPage.createButtonTitle": "Register Existing API";
+    readonly "defaultApiExplorerPage.supportButtonTitle": "All your APIs";
+    readonly "consumedApisCard.error.title": "Could not load APIs";
+    readonly "consumedApisCard.title": "Consumed APIs";
+    readonly "consumedApisCard.emptyContent.title": "This {{entity}} does not consume any APIs.";
+    readonly "hasApisCard.error.title": "Could not load APIs";
+    readonly "hasApisCard.title": "APIs";
+    readonly "hasApisCard.emptyContent.title": "This {{entity}} does not contain any APIs.";
+    readonly "providedApisCard.error.title": "Could not load APIs";
+    readonly "providedApisCard.title": "Provided APIs";
+    readonly "providedApisCard.emptyContent.title": "This {{entity}} does not provide any APIs.";
+    readonly "apiEntityColumns.typeTitle": "Type";
+    readonly "apiEntityColumns.apiDefinitionTitle": "API Definition";
+    readonly "consumingComponentsCard.error.title": "Could not load components";
+    readonly "consumingComponentsCard.title": "Consumers";
+    readonly "consumingComponentsCard.emptyContent.title": "No component consumes this API.";
+    readonly "providingComponentsCard.error.title": "Could not load components";
+    readonly "providingComponentsCard.title": "Providers";
+    readonly "providingComponentsCard.emptyContent.title": "No component provides this API.";
+    readonly apisCardHelpLinkTitle: "Learn how to change this.";
+}>;
+
 export { apiDocsTranslationRef, _default as default };

package/dist/alpha.esm.js

@@ -7,7 +7,7 @@ import { AppIcon } from '@backstage/core-components';
 import '@backstage/core-plugin-api';
 import '@material-ui/lab/Alert';
 import { apiDocsConfigRef } from './config.esm.js';
-export { apiDocsTranslationRef } from './translation.esm.js';
+import { apiDocsTranslationRef as apiDocsTranslationRef$1 } from './translation.esm.js';
 import { defaultDefinitionWidgets } from './components/ApiDefinitionCard/ApiDefinitionWidget.esm.js';
 import '@material-ui/core/Typography';
 import { rootRoute, registerComponentRouteRef } from './routes.esm.js';
@@ -17,7 +17,7 @@ const apiDocsNavItem = NavItemBlueprint.make({
   params: {
     title: "APIs",
     routeRef: rootRoute,
-    icon: () => /* @__PURE__ */ jsx(AppIcon, { id: "kind:api" })
+    icon: () => /* @__PURE__ */ jsx(AppIcon, { fontSize: "inherit", id: "kind:api" })
   }
 });
 const apiDocsConfigApi = ApiBlueprint.make({
@@ -46,12 +46,14 @@ const apiDocsExplorerPage = PageBlueprint.makeWithOverrides({
     return originalFactory({
       path: "/api-docs",
       routeRef: rootRoute,
-      loader: () => import('./components/ApiExplorerPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(
-        m.ApiExplorerIndexPage,
-        {
-          initiallySelectedFilter: config.initiallySelectedFilter
-        }
-      ))
+      loader: () => import('./components/ApiExplorerPage/DefaultApiExplorerPage.esm.js').then(
+        (m) => /* @__PURE__ */ jsx(
+          m.NfsApiExplorerPage,
+          {
+            initiallySelectedFilter: config.initiallySelectedFilter
+          }
+        )
+      )
     });
   }
 });
@@ -142,7 +144,7 @@ const apiDocsApisEntityContent = EntityContentBlueprint.make({
 var alpha = createFrontendPlugin({
   pluginId: "api-docs",
   title: "APIs",
-  icon: /* @__PURE__ */ jsx(AppIcon, { id: "kind:api" }),
+  icon: /* @__PURE__ */ jsx(AppIcon, { fontSize: "inherit", id: "kind:api" }),
   info: { packageJson: () => import('./package.json.esm.js') },
   routes: {
     root: rootRoute
@@ -164,6 +166,7 @@ var alpha = createFrontendPlugin({
     apiDocsApisEntityContent
   ]
 });
+const apiDocsTranslationRef = apiDocsTranslationRef$1;
 
-export { alpha as default };
+export { apiDocsTranslationRef, alpha as default };
 //# sourceMappingURL=alpha.esm.js.map

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    group: 'documentation',\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    group: 'development',\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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"}
+{"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 fontSize=\"inherit\" 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/DefaultApiExplorerPage').then(\n          m => (\n            <m.NfsApiExplorerPage\n              initiallySelectedFilter={config.initiallySelectedFilter}\n            />\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    group: 'documentation',\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    group: 'development',\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 fontSize=\"inherit\" 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\nimport { apiDocsTranslationRef as _apiDocsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-api-docs` instead.\n */\nexport const apiDocsTranslationRef = _apiDocsTranslationRef;\n"],"names":["_apiDocsTranslationRef"],"mappings":"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"}

package/dist/components/ApiExplorerPage/DefaultApiExplorerPage.esm.js

@@ -1,6 +1,7 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { PageWithHeader, Content, ContentHeader, CreateButton, SupportButton } from '@backstage/core-components';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { CreateButton, SupportButton, PageWithHeader, Content, ContentHeader } from '@backstage/core-components';
 import { useApi, configApiRef, useRouteRef } from '@backstage/core-plugin-api';
+import { HeaderPage } from '@backstage/ui';
 import { CatalogTable } from '@backstage/plugin-catalog';
 import { EntityListProvider, CatalogFilterLayout, EntityKindPicker, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker } from '@backstage/plugin-catalog-react';
 import { registerComponentRouteRef } from '../../routes.esm.js';
@@ -19,6 +20,26 @@ const defaultColumns = [
   CatalogTable.columns.createMetadataDescriptionColumn(),
   CatalogTable.columns.createTagsColumn()
 ];
+function ApiExplorerPageContent(props) {
+  const {
+    initiallySelectedFilter,
+    columns,
+    actions,
+    ownerPickerMode,
+    pagination
+  } = props;
+  return /* @__PURE__ */ jsx(EntityListProvider, { pagination, children: /* @__PURE__ */ jsxs(CatalogFilterLayout, { children: [
+    /* @__PURE__ */ jsxs(CatalogFilterLayout.Filters, { children: [
+      /* @__PURE__ */ jsx(EntityKindPicker, { initialFilter: "api", hidden: true }),
+      /* @__PURE__ */ jsx(EntityTypePicker, {}),
+      /* @__PURE__ */ jsx(UserListPicker, { initialFilter: initiallySelectedFilter }),
+      /* @__PURE__ */ jsx(EntityOwnerPicker, { mode: ownerPickerMode }),
+      /* @__PURE__ */ jsx(EntityLifecyclePicker, {}),
+      /* @__PURE__ */ jsx(EntityTagPicker, {})
+    ] }),
+    /* @__PURE__ */ jsx(CatalogFilterLayout.Content, { children: /* @__PURE__ */ jsx(CatalogTable, { columns: columns || defaultColumns, actions }) })
+  ] }) });
+}
 const DefaultApiExplorerPage = (props) => {
   const {
     initiallySelectedFilter = "all",
@@ -36,6 +57,16 @@ const DefaultApiExplorerPage = (props) => {
   const { allowed } = usePermission({
     permission: catalogEntityCreatePermission
   });
+  const headerActions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    allowed && /* @__PURE__ */ jsx(
+      CreateButton,
+      {
+        title: t("defaultApiExplorerPage.createButtonTitle"),
+        to: registerComponentLink?.()
+      }
+    ),
+    /* @__PURE__ */ jsx(SupportButton, { children: t("defaultApiExplorerPage.supportButtonTitle") })
+  ] });
   return /* @__PURE__ */ jsx(
     PageWithHeader,
     {
@@ -44,37 +75,62 @@ const DefaultApiExplorerPage = (props) => {
       subtitle: generatedSubtitle,
       pageTitleOverride: t("defaultApiExplorerPage.pageTitleOverride"),
       children: /* @__PURE__ */ jsxs(Content, { children: [
-        /* @__PURE__ */ jsxs(ContentHeader, { title: "", children: [
-          allowed && /* @__PURE__ */ jsx(
-            CreateButton,
-            {
-              title: t("defaultApiExplorerPage.createButtonTitle"),
-              to: registerComponentLink?.()
-            }
-          ),
-          /* @__PURE__ */ jsx(SupportButton, { children: t("defaultApiExplorerPage.supportButtonTitle") })
-        ] }),
-        /* @__PURE__ */ jsx(EntityListProvider, { pagination, children: /* @__PURE__ */ jsxs(CatalogFilterLayout, { children: [
-          /* @__PURE__ */ jsxs(CatalogFilterLayout.Filters, { children: [
-            /* @__PURE__ */ jsx(EntityKindPicker, { initialFilter: "api", hidden: true }),
-            /* @__PURE__ */ jsx(EntityTypePicker, {}),
-            /* @__PURE__ */ jsx(UserListPicker, { initialFilter: initiallySelectedFilter }),
-            /* @__PURE__ */ jsx(EntityOwnerPicker, { mode: ownerPickerMode }),
-            /* @__PURE__ */ jsx(EntityLifecyclePicker, {}),
-            /* @__PURE__ */ jsx(EntityTagPicker, {})
-          ] }),
-          /* @__PURE__ */ jsx(CatalogFilterLayout.Content, { children: /* @__PURE__ */ jsx(
-            CatalogTable,
-            {
-              columns: columns || defaultColumns,
-              actions
-            }
-          ) })
-        ] }) })
+        /* @__PURE__ */ jsx(ContentHeader, { title: "", children: headerActions }),
+        /* @__PURE__ */ jsx(
+          ApiExplorerPageContent,
+          {
+            initiallySelectedFilter,
+            columns,
+            actions,
+            ownerPickerMode,
+            pagination
+          }
+        )
       ] })
     }
   );
 };
+const NfsApiExplorerPage = (props) => {
+  const {
+    initiallySelectedFilter = "all",
+    columns,
+    actions,
+    ownerPickerMode,
+    pagination
+  } = props;
+  const configApi = useApi(configApiRef);
+  const { t } = useTranslationRef(apiDocsTranslationRef);
+  const generatedSubtitle = t("defaultApiExplorerPage.subtitle", {
+    orgName: configApi.getOptionalString("organization.name") ?? "Backstage"
+  });
+  const registerComponentLink = useRouteRef(registerComponentRouteRef);
+  const { allowed } = usePermission({
+    permission: catalogEntityCreatePermission
+  });
+  const headerActions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    allowed && /* @__PURE__ */ jsx(
+      CreateButton,
+      {
+        title: t("defaultApiExplorerPage.createButtonTitle"),
+        to: registerComponentLink?.()
+      }
+    ),
+    /* @__PURE__ */ jsx(SupportButton, { children: t("defaultApiExplorerPage.supportButtonTitle") })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HeaderPage, { title: generatedSubtitle, customActions: headerActions }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+      ApiExplorerPageContent,
+      {
+        initiallySelectedFilter,
+        columns,
+        actions,
+        ownerPickerMode,
+        pagination
+      }
+    ) })
+  ] });
+};
 
-export { DefaultApiExplorerPage };
+export { DefaultApiExplorerPage, NfsApiExplorerPage };
 //# sourceMappingURL=DefaultApiExplorerPage.esm.js.map

package/dist/components/ApiExplorerPage/DefaultApiExplorerPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultApiExplorerPage.esm.js","sources":["../../../src/components/ApiExplorerPage/DefaultApiExplorerPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Content,\n  ContentHeader,\n  CreateButton,\n  PageWithHeader,\n  SupportButton,\n  TableColumn,\n  TableProps,\n} from '@backstage/core-components';\nimport { configApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { CatalogTable, CatalogTableRow } from '@backstage/plugin-catalog';\nimport {\n  EntityKindPicker,\n  EntityLifecyclePicker,\n  EntityListProvider,\n  EntityListPagination,\n  EntityOwnerPicker,\n  EntityTagPicker,\n  EntityTypePicker,\n  UserListFilterKind,\n  UserListPicker,\n  CatalogFilterLayout,\n  EntityOwnerPickerProps,\n} from '@backstage/plugin-catalog-react';\nimport { registerComponentRouteRef } from '../../routes';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common/alpha';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { apiDocsTranslationRef } from '../../translation';\n\nconst defaultColumns: TableColumn<CatalogTableRow>[] = [\n  CatalogTable.columns.createTitleColumn({ hidden: true }),\n  CatalogTable.columns.createNameColumn({ defaultKind: 'API' }),\n  CatalogTable.columns.createSystemColumn(),\n  CatalogTable.columns.createOwnerColumn(),\n  CatalogTable.columns.createSpecTypeColumn(),\n  CatalogTable.columns.createSpecLifecycleColumn(),\n  CatalogTable.columns.createMetadataDescriptionColumn(),\n  CatalogTable.columns.createTagsColumn(),\n];\n\n/**\n * DefaultApiExplorerPageProps\n * @public\n */\nexport type DefaultApiExplorerPageProps = {\n  initiallySelectedFilter?: UserListFilterKind;\n  columns?: TableColumn<CatalogTableRow>[];\n  actions?: TableProps<CatalogTableRow>['actions'];\n  ownerPickerMode?: EntityOwnerPickerProps['mode'];\n  pagination?: EntityListPagination;\n};\n\n/**\n * DefaultApiExplorerPage\n * @public\n */\nexport const DefaultApiExplorerPage = (props: DefaultApiExplorerPageProps) => {\n  const {\n    initiallySelectedFilter = 'all',\n    columns,\n    actions,\n    ownerPickerMode,\n    pagination,\n  } = props;\n\n  const configApi = useApi(configApiRef);\n  const { t } = useTranslationRef(apiDocsTranslationRef);\n  const generatedSubtitle = t('defaultApiExplorerPage.subtitle', {\n    orgName: configApi.getOptionalString('organization.name') ?? 'Backstage',\n  });\n  const registerComponentLink = useRouteRef(registerComponentRouteRef);\n  const { allowed } = usePermission({\n    permission: catalogEntityCreatePermission,\n  });\n\n  return (\n    <PageWithHeader\n      themeId=\"apis\"\n      title={t('defaultApiExplorerPage.title')}\n      subtitle={generatedSubtitle}\n      pageTitleOverride={t('defaultApiExplorerPage.pageTitleOverride')}\n    >\n      <Content>\n        <ContentHeader title=\"\">\n          {allowed && (\n            <CreateButton\n              title={t('defaultApiExplorerPage.createButtonTitle')}\n              to={registerComponentLink?.()}\n            />\n          )}\n          <SupportButton>\n            {t('defaultApiExplorerPage.supportButtonTitle')}\n          </SupportButton>\n        </ContentHeader>\n        <EntityListProvider pagination={pagination}>\n          <CatalogFilterLayout>\n            <CatalogFilterLayout.Filters>\n              <EntityKindPicker initialFilter=\"api\" hidden />\n              <EntityTypePicker />\n              <UserListPicker initialFilter={initiallySelectedFilter} />\n              <EntityOwnerPicker mode={ownerPickerMode} />\n              <EntityLifecyclePicker />\n              <EntityTagPicker />\n            </CatalogFilterLayout.Filters>\n            <CatalogFilterLayout.Content>\n              <CatalogTable\n                columns={columns || defaultColumns}\n                actions={actions}\n              />\n            </CatalogFilterLayout.Content>\n          </CatalogFilterLayout>\n        </EntityListProvider>\n      </Content>\n    </PageWithHeader>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DefaultApiExplorerPage.esm.js","sources":["../../../src/components/ApiExplorerPage/DefaultApiExplorerPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Content,\n  ContentHeader,\n  CreateButton,\n  PageWithHeader,\n  SupportButton,\n  TableColumn,\n  TableProps,\n} from '@backstage/core-components';\nimport { configApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { HeaderPage } from '@backstage/ui';\nimport { CatalogTable, CatalogTableRow } from '@backstage/plugin-catalog';\nimport {\n  EntityKindPicker,\n  EntityLifecyclePicker,\n  EntityListProvider,\n  EntityListPagination,\n  EntityOwnerPicker,\n  EntityTagPicker,\n  EntityTypePicker,\n  UserListFilterKind,\n  UserListPicker,\n  CatalogFilterLayout,\n  EntityOwnerPickerProps,\n} from '@backstage/plugin-catalog-react';\nimport { registerComponentRouteRef } from '../../routes';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common/alpha';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { apiDocsTranslationRef } from '../../translation';\n\nconst defaultColumns: TableColumn<CatalogTableRow>[] = [\n  CatalogTable.columns.createTitleColumn({ hidden: true }),\n  CatalogTable.columns.createNameColumn({ defaultKind: 'API' }),\n  CatalogTable.columns.createSystemColumn(),\n  CatalogTable.columns.createOwnerColumn(),\n  CatalogTable.columns.createSpecTypeColumn(),\n  CatalogTable.columns.createSpecLifecycleColumn(),\n  CatalogTable.columns.createMetadataDescriptionColumn(),\n  CatalogTable.columns.createTagsColumn(),\n];\n\n/**\n * DefaultApiExplorerPageProps\n * @public\n */\nexport type DefaultApiExplorerPageProps = {\n  initiallySelectedFilter?: UserListFilterKind;\n  columns?: TableColumn<CatalogTableRow>[];\n  actions?: TableProps<CatalogTableRow>['actions'];\n  ownerPickerMode?: EntityOwnerPickerProps['mode'];\n  pagination?: EntityListPagination;\n};\n\ntype ApiExplorerPageContentProps = {\n  initiallySelectedFilter: UserListFilterKind;\n  columns?: TableColumn<CatalogTableRow>[];\n  actions?: TableProps<CatalogTableRow>['actions'];\n  ownerPickerMode?: EntityOwnerPickerProps['mode'];\n  pagination?: EntityListPagination;\n};\n\nfunction ApiExplorerPageContent(props: ApiExplorerPageContentProps) {\n  const {\n    initiallySelectedFilter,\n    columns,\n    actions,\n    ownerPickerMode,\n    pagination,\n  } = props;\n\n  return (\n    <EntityListProvider pagination={pagination}>\n      <CatalogFilterLayout>\n        <CatalogFilterLayout.Filters>\n          <EntityKindPicker initialFilter=\"api\" hidden />\n          <EntityTypePicker />\n          <UserListPicker initialFilter={initiallySelectedFilter} />\n          <EntityOwnerPicker mode={ownerPickerMode} />\n          <EntityLifecyclePicker />\n          <EntityTagPicker />\n        </CatalogFilterLayout.Filters>\n        <CatalogFilterLayout.Content>\n          <CatalogTable columns={columns || defaultColumns} actions={actions} />\n        </CatalogFilterLayout.Content>\n      </CatalogFilterLayout>\n    </EntityListProvider>\n  );\n}\n\n/**\n * DefaultApiExplorerPage\n * @public\n */\nexport const DefaultApiExplorerPage = (props: DefaultApiExplorerPageProps) => {\n  const {\n    initiallySelectedFilter = 'all',\n    columns,\n    actions,\n    ownerPickerMode,\n    pagination,\n  } = props;\n\n  const configApi = useApi(configApiRef);\n  const { t } = useTranslationRef(apiDocsTranslationRef);\n  const generatedSubtitle = t('defaultApiExplorerPage.subtitle', {\n    orgName: configApi.getOptionalString('organization.name') ?? 'Backstage',\n  });\n  const registerComponentLink = useRouteRef(registerComponentRouteRef);\n  const { allowed } = usePermission({\n    permission: catalogEntityCreatePermission,\n  });\n  const headerActions = (\n    <>\n      {allowed && (\n        <CreateButton\n          title={t('defaultApiExplorerPage.createButtonTitle')}\n          to={registerComponentLink?.()}\n        />\n      )}\n      <SupportButton>\n        {t('defaultApiExplorerPage.supportButtonTitle')}\n      </SupportButton>\n    </>\n  );\n\n  return (\n    <PageWithHeader\n      themeId=\"apis\"\n      title={t('defaultApiExplorerPage.title')}\n      subtitle={generatedSubtitle}\n      pageTitleOverride={t('defaultApiExplorerPage.pageTitleOverride')}\n    >\n      <Content>\n        <ContentHeader title=\"\">{headerActions}</ContentHeader>\n        <ApiExplorerPageContent\n          initiallySelectedFilter={initiallySelectedFilter}\n          columns={columns}\n          actions={actions}\n          ownerPickerMode={ownerPickerMode}\n          pagination={pagination}\n        />\n      </Content>\n    </PageWithHeader>\n  );\n};\n\nexport const NfsApiExplorerPage = (props: DefaultApiExplorerPageProps) => {\n  const {\n    initiallySelectedFilter = 'all',\n    columns,\n    actions,\n    ownerPickerMode,\n    pagination,\n  } = props;\n\n  const configApi = useApi(configApiRef);\n  const { t } = useTranslationRef(apiDocsTranslationRef);\n  const generatedSubtitle = t('defaultApiExplorerPage.subtitle', {\n    orgName: configApi.getOptionalString('organization.name') ?? 'Backstage',\n  });\n  const registerComponentLink = useRouteRef(registerComponentRouteRef);\n  const { allowed } = usePermission({\n    permission: catalogEntityCreatePermission,\n  });\n  const headerActions = (\n    <>\n      {allowed && (\n        <CreateButton\n          title={t('defaultApiExplorerPage.createButtonTitle')}\n          to={registerComponentLink?.()}\n        />\n      )}\n      <SupportButton>\n        {t('defaultApiExplorerPage.supportButtonTitle')}\n      </SupportButton>\n    </>\n  );\n\n  return (\n    <>\n      <HeaderPage title={generatedSubtitle} customActions={headerActions} />\n      <Content>\n        <ApiExplorerPageContent\n          initiallySelectedFilter={initiallySelectedFilter}\n          columns={columns}\n          actions={actions}\n          ownerPickerMode={ownerPickerMode}\n          pagination={pagination}\n        />\n      </Content>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}