From ec4c39be49d594294fd87b0c3058d3072b101242 Mon Sep 17 00:00:00 2001
From: Priyanka Terala <104053200+Terala-Priyanka@users.noreply.github.com>
Date: Fri, 9 Aug 2024 16:16:15 +0530
Subject: [PATCH] UIPFU-49 - Apply Prev/Next Pagination (#270)

---
 CHANGELOG.md               | 1 +
 src/UserSearchContainer.js | 1 +
 src/UserSearchView.js      | 4 ++--
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 328fb36..c20d8a7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 
 * Fix Select User Modal with User Assignment Status Filters pagination issue. Refs UIPFU-87.
 * Fix select all toggle button issue. Refs UIPFU-89.
+* Apply Prev/Next Pagination. Refs UIPFU-49.
 
 ## [7.1.0](https://github.com/folio-org/ui-plugin-find-user/tree/v7.1.0) (2024-03-20)
 [Full Changelog](https://github.com/folio-org/ui-plugin-find-user/compare/v7.0.0...v7.1.0)
diff --git a/src/UserSearchContainer.js b/src/UserSearchContainer.js
index 8bcbdf9..2aa95cc 100644
--- a/src/UserSearchContainer.js
+++ b/src/UserSearchContainer.js
@@ -73,6 +73,7 @@ class UserSearchContainer extends React.Component {
       tenant: '!{tenantId}',
       records: 'users',
       resultOffset: '%{resultOffset}',
+      resultDensity: 'sparse',
       perRequest: 100,
       path: 'users',
       GET: {
diff --git a/src/UserSearchView.js b/src/UserSearchView.js
index ce37798..546f79c 100644
--- a/src/UserSearchView.js
+++ b/src/UserSearchView.js
@@ -17,6 +17,7 @@ import {
   Button,
   PaneMenu,
   Checkbox,
+  MCLPagingTypes,
 } from '@folio/stripes/components';
 import {
   SearchAndSortQuery,
@@ -387,9 +388,8 @@ class UserSearchView extends React.Component {
                             sortDirection={sortOrder.startsWith('-') ? 'descending' : 'ascending'}
                             isEmptyMessage={resultsStatusMessage}
                             autosize
-                            virtualize
                             pageAmount={100}
-                            pagingType="click"
+                            pagingType={MCLPagingTypes.PREV_NEXT}
                           />
 
                         </Pane>