From 9e3db2839b4b1ca2d2ef3ec44cf177ce09cd0623 Mon Sep 17 00:00:00 2001
From: martinaCampoli <martina.campoli@pagopa.it>
Date: Wed, 25 Feb 2026 15:36:00 +0100
Subject: [PATCH 1/5] fix: update default pagination options and ensure
 visibility when table is not empty (PIN-9329-9341)

---
 src/features/pagination/components/Pagination.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/pagination/components/Pagination.tsx b/src/features/pagination/components/Pagination.tsx
index 7989893..58bca43 100644
--- a/src/features/pagination/components/Pagination.tsx
+++ b/src/features/pagination/components/Pagination.tsx
@@ -10,7 +10,7 @@ import {
 } from '@mui/material'
 import type { InteropTheme } from '@/theme'
 
-const defaultOptions = [10, 24, 36]
+const defaultOptions = [12, 24, 36]
 export interface PaginationProps extends StackProps {
   totalPages: number
   pageNum: number
@@ -56,7 +56,7 @@ export const Pagination: React.FC<PaginationProps> = ({
       alignItems="center"
       {...stackProps}
     >
-      {rowPerPageOptions && (
+      {rowPerPageOptions && totalPages > 0 && (
         <Select
           size="small"
           labelId="rows-per-page-select"

From 2e610a8bfc03de072ef4db3038d939dcc86fe8a0 Mon Sep 17 00:00:00 2001
From: martinaCampoli <martina.campoli@pagopa.it>
Date: Wed, 25 Feb 2026 15:36:45 +0100
Subject: [PATCH 2/5] fix: update default rows per page options in pagination
 tests

---
 src/features/pagination/__tests__/Pagination.test.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/pagination/__tests__/Pagination.test.tsx b/src/features/pagination/__tests__/Pagination.test.tsx
index f09256e..009e142 100644
--- a/src/features/pagination/__tests__/Pagination.test.tsx
+++ b/src/features/pagination/__tests__/Pagination.test.tsx
@@ -49,7 +49,7 @@ describe('Pagination component', () => {
       expect(screen).toBeDefined()
     })
 
-    it('Should be available [10,24,36] as rows per page as default options', async () => {
+    it('Should be available [12,24,36] as rows per page as default options', async () => {
       const screen = render(<PaginationExample withRowsPerPage />)
       const selectElement = screen.getByTestId('rows-per-page-select')
       const selectButton = within(selectElement).getByRole('button')
@@ -61,7 +61,7 @@ describe('Pagination component', () => {
         const getOptions = screen.getAllByRole('option')
         expect(getOptions).toHaveLength(3)
 
-        expect(getOptions[0]).toHaveTextContent('10')
+        expect(getOptions[0]).toHaveTextContent('12')
         expect(getOptions[1]).toHaveTextContent('24')
         expect(getOptions[2]).toHaveTextContent('36')
       })

From c0b469f441ae8ce4f7854476bef747c8477d4fe4 Mon Sep 17 00:00:00 2001
From: martinaCampoli <martina.campoli@pagopa.it>
Date: Wed, 25 Feb 2026 16:09:13 +0100
Subject: [PATCH 3/5] fix: update default rows per page to include 12 in
 pagination options

---
 src/features/pagination/hooks/usePagination.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/pagination/hooks/usePagination.ts b/src/features/pagination/hooks/usePagination.ts
index dd0bef4..e003065 100644
--- a/src/features/pagination/hooks/usePagination.ts
+++ b/src/features/pagination/hooks/usePagination.ts
@@ -5,7 +5,7 @@ import { z } from 'zod'
 const paramsSchema = z.coerce.number().int().positive()
 const limitSchema = paramsSchema.max(50).catch(10)
 const offsetSchema = paramsSchema.catch(0)
-const defaultOptions = [10, 24, 36]
+const defaultOptions = [12, 24, 36]
 /**
  * @description
  * This hook is used to manage the pagination state keeping it in sync with the url params.

From 07e06ca0178c993f8aa58c3b0e1855e0e0cf3c42 Mon Sep 17 00:00:00 2001
From: martinaCampoli <martina.campoli@pagopa.it>
Date: Thu, 26 Feb 2026 12:36:17 +0100
Subject: [PATCH 4/5] test: added new test for row per pages selector
 (PIN-9329)

---
 .../pagination/__tests__/Pagination.test.tsx  | 15 +++--
 .../pagination/hooks/usePagination.ts         |  2 +-
 .../pagination/stories/PaginationExample.tsx  | 59 ++++++++++++++++++-
 3 files changed, 70 insertions(+), 6 deletions(-)

diff --git a/src/features/pagination/__tests__/Pagination.test.tsx b/src/features/pagination/__tests__/Pagination.test.tsx
index 009e142..60493d7 100644
--- a/src/features/pagination/__tests__/Pagination.test.tsx
+++ b/src/features/pagination/__tests__/Pagination.test.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import { render, waitFor, within } from '@testing-library/react'
-import { PaginationExample } from '../stories/PaginationExample'
+import { PaginationExample, PaginationExampleWithoutTotalPages } from '../stories/PaginationExample'
 import userEvent from '@testing-library/user-event'
 import '@testing-library/jest-dom'
 
 describe('Pagination component', () => {
-  describe('Render pagination without rowsPerPage selector and with 100 as total elements', () => {
+  describe('Render pagination without rowsPerPage selector and with 120 as total elements', () => {
     it('Should render correctly', () => {
       const screen = render(<PaginationExample />)
       expect(screen).toBeDefined()
@@ -17,7 +17,7 @@ describe('Pagination component', () => {
       expect(selectElement).toBeNull()
     })
 
-    it('If total elements are 100 and default limit is 10, total pages should be 10', () => {
+    it('If total elements are 120 and default limit is 12, total pages should be 10', () => {
       const screen = render(<PaginationExample />)
       const paginationElement = screen.getByRole('navigation')
 
@@ -43,7 +43,7 @@ describe('Pagination component', () => {
     })
   })
 
-  describe('Render pagination with rowsPerPage selector enabled and with 100 as total elements', () => {
+  describe('Render pagination with rowsPerPage selector enabled and with 120 as total elements', () => {
     it('Should render correctly', () => {
       const screen = render(<PaginationExample withRowsPerPage />)
       expect(screen).toBeDefined()
@@ -67,4 +67,11 @@ describe('Pagination component', () => {
       })
     })
   })
+
+  it('Should not render rows per page selector if total pages are 0', () => {
+    const screen = render(<PaginationExampleWithoutTotalPages />)
+    const selectElement = screen.queryByTestId('rows-per-page-select')
+
+    expect(selectElement).toBeNull()
+  })
 })
diff --git a/src/features/pagination/hooks/usePagination.ts b/src/features/pagination/hooks/usePagination.ts
index e003065..a2e890a 100644
--- a/src/features/pagination/hooks/usePagination.ts
+++ b/src/features/pagination/hooks/usePagination.ts
@@ -3,7 +3,7 @@ import { useSearchParams } from 'react-router-dom'
 import { z } from 'zod'
 
 const paramsSchema = z.coerce.number().int().positive()
-const limitSchema = paramsSchema.max(50).catch(10)
+const limitSchema = paramsSchema.max(50).catch(12)
 const offsetSchema = paramsSchema.catch(0)
 const defaultOptions = [12, 24, 36]
 /**
diff --git a/src/features/pagination/stories/PaginationExample.tsx b/src/features/pagination/stories/PaginationExample.tsx
index ee0be22..2f21f9b 100644
--- a/src/features/pagination/stories/PaginationExample.tsx
+++ b/src/features/pagination/stories/PaginationExample.tsx
@@ -10,7 +10,7 @@ export const _PaginationExample: React.FC<{ withRowsPerPage?: boolean }> = ({
   const { paginationParams, paginationProps, getTotalPageCount } = usePagination()
   const [debug, setDebug] = React.useState(false)
   const location = useLocation()
-  const totalPages = getTotalPageCount(100)
+  const totalPages = getTotalPageCount(120)
 
   const { onLimitChange, ...restPaginationProps } = paginationProps
 
@@ -60,12 +60,69 @@ export const _PaginationExample: React.FC<{ withRowsPerPage?: boolean }> = ({
   )
 }
 
+export const _PaginationExampleWithoutTotalPages: React.FC = () => {
+  const { paginationParams, paginationProps, getTotalPageCount } = usePagination()
+  const [debug, setDebug] = React.useState(false)
+  const location = useLocation()
+  const totalPages = getTotalPageCount(100)
+
+  const { ...restPaginationProps } = paginationProps
+
+  const rowsPerPageProps = undefined
+
+  const urlSearchParams = new URLSearchParams(location.search)
+  // Remove all params except offset
+  urlSearchParams.delete('id')
+  for (const key of urlSearchParams.keys()) {
+    if (key !== 'offset') {
+      urlSearchParams.delete(key)
+    }
+  }
+
+  return (
+    <>
+      <Container sx={{ mt: 4, p: 2 }}>
+        <Pagination
+          totalPages={totalPages}
+          {...restPaginationProps}
+          rowPerPageOptions={rowsPerPageProps}
+        />
+      </Container>
+      <Container sx={{ bgcolor: debug ? 'white' : 'initial', mt: 4, py: 4 }}>
+        <Button variant="naked" onClick={() => setDebug(!debug)}>
+          {debug ? 'Hide' : 'Show'} debug values
+        </Button>
+        {debug && (
+          <Stack mt={2} spacing={2}>
+            <Box>
+              <Typography variant="subtitle1">URL search param</Typography>
+              <CodeBlock code={'?' + urlSearchParams.toString()} />
+            </Box>
+            <Box>
+              <Typography variant="subtitle1">paginationParams</Typography>
+              <CodeBlock code={paginationParams} />
+            </Box>
+          </Stack>
+        )}
+      </Container>
+    </>
+  )
+}
+
 const router = createBrowserRouter([{ path: '*', element: <_PaginationExample /> }])
 
 const routerPaginationWithoutRowsPerPage = createBrowserRouter([
   { path: '*', element: <_PaginationExample withRowsPerPage /> },
 ])
 
+const routerPaginationWithoutTotalPages = createBrowserRouter([
+  { path: '*', element: <_PaginationExampleWithoutTotalPages /> },
+])
+
 export const PaginationExample: React.FC<{ withRowsPerPage?: boolean }> = ({ withRowsPerPage }) => {
   return <RouterProvider router={withRowsPerPage ? routerPaginationWithoutRowsPerPage : router} />
 }
+
+export const PaginationExampleWithoutTotalPages: React.FC = () => {
+  return <RouterProvider router={routerPaginationWithoutTotalPages} />
+}

From f727fa435c981b224d88fd940a63b6450d4b7f9e Mon Sep 17 00:00:00 2001
From: martinaCampoli <martina.campoli@pagopa.it>
Date: Thu, 26 Feb 2026 12:56:57 +0100
Subject: [PATCH 5/5] fix: update total pages calculation and rows per page
 props in PaginationExampleWithoutTotalPages

---
 src/features/pagination/stories/PaginationExample.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/features/pagination/stories/PaginationExample.tsx b/src/features/pagination/stories/PaginationExample.tsx
index 2f21f9b..ba2778c 100644
--- a/src/features/pagination/stories/PaginationExample.tsx
+++ b/src/features/pagination/stories/PaginationExample.tsx
@@ -64,11 +64,14 @@ export const _PaginationExampleWithoutTotalPages: React.FC = () => {
   const { paginationParams, paginationProps, getTotalPageCount } = usePagination()
   const [debug, setDebug] = React.useState(false)
   const location = useLocation()
-  const totalPages = getTotalPageCount(100)
+  const totalPages = getTotalPageCount(0)
 
-  const { ...restPaginationProps } = paginationProps
+  const { onLimitChange, ...restPaginationProps } = paginationProps
 
-  const rowsPerPageProps = undefined
+  const rowsPerPageProps = {
+    onLimitChange: onLimitChange,
+    limit: paginationParams.limit,
+  }
 
   const urlSearchParams = new URLSearchParams(location.search)
   // Remove all params except offset