From 6836522a8e936594c33073cacf54594d72f28759 Mon Sep 17 00:00:00 2001
From: luccas <luccasmtxr@gmail.com>
Date: Mon, 4 Nov 2024 23:25:29 -0300
Subject: [PATCH 1/4] added pagination to defaultApiExplorerPage

Signed-off-by: luccas <luccasmtxr@gmail.com>
---
 .changeset/angry-bags-compete.md                             | 5 +++++
 .../components/ApiExplorerPage/DefaultApiExplorerPage.tsx    | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/angry-bags-compete.md

diff --git a/.changeset/angry-bags-compete.md b/.changeset/angry-bags-compete.md
new file mode 100644
index 0000000000..87e9bf36b8
--- /dev/null
+++ b/.changeset/angry-bags-compete.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-api-docs': minor
+---
+
+Added support for pagination in api-docs plugin - DefaultApiExplorerPage
diff --git a/plugins/api-docs/src/components/ApiExplorerPage/DefaultApiExplorerPage.tsx b/plugins/api-docs/src/components/ApiExplorerPage/DefaultApiExplorerPage.tsx
index 6b5917c52d..b5a02b2f9e 100644
--- a/plugins/api-docs/src/components/ApiExplorerPage/DefaultApiExplorerPage.tsx
+++ b/plugins/api-docs/src/components/ApiExplorerPage/DefaultApiExplorerPage.tsx
@@ -29,6 +29,7 @@ import {
   EntityKindPicker,
   EntityLifecyclePicker,
   EntityListProvider,
+  EntityListPagination,
   EntityOwnerPicker,
   EntityTagPicker,
   EntityTypePicker,
@@ -62,6 +63,7 @@ export type DefaultApiExplorerPageProps = {
   columns?: TableColumn<CatalogTableRow>[];
   actions?: TableProps<CatalogTableRow>['actions'];
   ownerPickerMode?: EntityOwnerPickerProps['mode'];
+  pagination?: EntityListPagination;
 };
 
 /**
@@ -74,6 +76,7 @@ export const DefaultApiExplorerPage = (props: DefaultApiExplorerPageProps) => {
     columns,
     actions,
     ownerPickerMode,
+    pagination,
   } = props;
 
   const configApi = useApi(configApiRef);
@@ -102,7 +105,7 @@ export const DefaultApiExplorerPage = (props: DefaultApiExplorerPageProps) => {
           )}
           <SupportButton>All your APIs</SupportButton>
         </ContentHeader>
-        <EntityListProvider>
+        <EntityListProvider pagination={pagination}>
           <CatalogFilterLayout>
             <CatalogFilterLayout.Filters>
               <EntityKindPicker initialFilter="api" hidden />

From f7af366c1c3b48dd0d2169430b9a469baaaa930b Mon Sep 17 00:00:00 2001
From: luccas <luccasmtxr@gmail.com>
Date: Tue, 5 Nov 2024 09:33:13 -0300
Subject: [PATCH 2/4] generate api-reports

Signed-off-by: luccas <luccasmtxr@gmail.com>
---
 plugins/api-docs/report.api.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/plugins/api-docs/report.api.md b/plugins/api-docs/report.api.md
index 3c3f245a3c..0249479ef9 100644
--- a/plugins/api-docs/report.api.md
+++ b/plugins/api-docs/report.api.md
@@ -10,6 +10,7 @@ import { ApiRef } from '@backstage/core-plugin-api';
 import { BackstagePlugin } from '@backstage/core-plugin-api';
 import { CatalogTableRow } from '@backstage/plugin-catalog';
 import { ComponentEntity } from '@backstage/catalog-model';
+import { EntityListPagination } from '@backstage/plugin-catalog-react';
 import { EntityOwnerPickerProps } from '@backstage/plugin-catalog-react';
 import { ExternalRouteRef } from '@backstage/core-plugin-api';
 import { InfoCardVariants } from '@backstage/core-components';
@@ -121,6 +122,7 @@ export type DefaultApiExplorerPageProps = {
   columns?: TableColumn<CatalogTableRow>[];
   actions?: TableProps<CatalogTableRow>['actions'];
   ownerPickerMode?: EntityOwnerPickerProps['mode'];
+  pagination?: EntityListPagination;
 };
 
 // @public (undocumented)

From 4ead5772a5d4897d365961899befc6e09ba35f82 Mon Sep 17 00:00:00 2001
From: luccas <luccasmtxr@gmail.com>
Date: Tue, 5 Nov 2024 14:54:14 -0300
Subject: [PATCH 3/4] update readme

Signed-off-by: luccas <luccasmtxr@gmail.com>
---
 plugins/api-docs/README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/plugins/api-docs/README.md b/plugins/api-docs/README.md
index 2738cc09ae..1fe38fd9de 100644
--- a/plugins/api-docs/README.md
+++ b/plugins/api-docs/README.md
@@ -371,6 +371,20 @@ export const apis: AnyApiFactory[] = [
 ]
 ```
 
+### Pagination 
+
+You can add pagination support to `ApiExplorerPage` extension.
+
+This is an example:
+
+```tsx
+// In packages/app/src/App.tsx
+
+import { ApiExplorerPage } from '@backstage/plugin-api-docs';
+
+<Route path="/api-docs" element={<ApiExplorerPage pagination={{ mode: 'offset', limit: 20 }} />} />;
+```
+
 ## Links
 
 - [The Backstage homepage](https://backstage.io)

From 69a66d9661b9805f164358ca619c9dbff5745c38 Mon Sep 17 00:00:00 2001
From: luccas <luccasmtxr@gmail.com>
Date: Tue, 5 Nov 2024 15:02:02 -0300
Subject: [PATCH 4/4] run prettier

Signed-off-by: luccas <luccasmtxr@gmail.com>
---
 plugins/api-docs/README.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/plugins/api-docs/README.md b/plugins/api-docs/README.md
index 1fe38fd9de..139a97d4c8 100644
--- a/plugins/api-docs/README.md
+++ b/plugins/api-docs/README.md
@@ -371,7 +371,7 @@ export const apis: AnyApiFactory[] = [
 ]
 ```
 
-### Pagination 
+### Pagination
 
 You can add pagination support to `ApiExplorerPage` extension.
 
@@ -382,7 +382,10 @@ This is an example:
 
 import { ApiExplorerPage } from '@backstage/plugin-api-docs';
 
-<Route path="/api-docs" element={<ApiExplorerPage pagination={{ mode: 'offset', limit: 20 }} />} />;
+<Route
+  path="/api-docs"
+  element={<ApiExplorerPage pagination={{ mode: 'offset', limit: 20 }} />}
+/>;
 ```
 
 ## Links