From a11a3ffd72622b813fd5e25f4157edfef51f7960 Mon Sep 17 00:00:00 2001
From: Prakash K <59553606+prakashks20@users.noreply.github.com>
Date: Tue, 2 Jan 2024 23:33:53 +0530
Subject: [PATCH 1/6] Handle Pagination's pageSiseOptions Select showSearch
 props handle dynamically

---
 README.md          | 1 +
 src/Options.tsx    | 3 ++-
 src/Pagination.tsx | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index efc21403..265322e3 100644
--- a/README.md
+++ b/README.md
@@ -64,6 +64,7 @@ ReactDOM.render(<Pagination />, container);
 | showSizeChanger              | show pageSize changer                                     | Bool                                                                                                                                                 | `false` when total less then `totalBoundaryShowSizeChanger`, `true` when otherwise     |
 | totalBoundaryShowSizeChanger | when total larger than it, `showSizeChanger` will be true | number                                                                                                                                               | 50                                                                                     |
 | pageSizeOptions              | specify the sizeChanger selections                        | Array<String>                                                                                                                                        | ['10', '20', '50', '100']                                                              |
+| showSizeOptionsSearch        | show the pageSizeOptions Select component search          | Bool                                                                                                                                                 | Default value is `false`. `false` when total less then `totalBoundaryShowSizeChanger`, `true` when otherwise     |
 | onShowSizeChange             | pageSize change callback                                  | Function(current, size)                                                                                                                              | -                                                                                      |
 | hideOnSinglePage             | hide on single page                                       | Bool                                                                                                                                                 | false                                                                                  |
 | showPrevNextJumpers          | show jump-prev, jump-next                                 | Bool                                                                                                                                                 | true                                                                                   |
diff --git a/src/Options.tsx b/src/Options.tsx
index 99733aaf..74cb2814 100644
--- a/src/Options.tsx
+++ b/src/Options.tsx
@@ -42,6 +42,7 @@ const Options: React.FC<OptionsProps> = (props) => {
     selectPrefixCls,
     disabled,
     buildOptionText,
+    showsSizeOtionsSearch
   } = props;
 
   const [goInputText, setGoInputText] = React.useState('');
@@ -128,7 +129,7 @@ const Options: React.FC<OptionsProps> = (props) => {
       <Select
         disabled={disabled}
         prefixCls={selectPrefixCls}
-        showSearch={false}
+        showSearch={showsSizeOtionsSearch}
         className={`${prefixCls}-size-changer`}
         optionLabelProp="children"
         popupMatchSelectWidth={false}
diff --git a/src/Pagination.tsx b/src/Pagination.tsx
index b3c6763c..149f06f2 100644
--- a/src/Pagination.tsx
+++ b/src/Pagination.tsx
@@ -64,6 +64,7 @@ const Pagination: React.FC<PaginationProps> = (props) => {
     showTotal,
     showSizeChanger: showSizeChangerProp,
     pageSizeOptions,
+    showsSizeOtionsSearch = false,
 
     // render
     itemRender = defaultItemRender,
@@ -582,6 +583,7 @@ const Pagination: React.FC<PaginationProps> = (props) => {
         pageSizeOptions={pageSizeOptions}
         quickGo={shouldDisplayQuickJumper ? handleChange : null}
         goButton={gotoButton}
+        showsSizeOtionsSearch={showsSizeOtionsSearch}
       />
     </ul>
   );

From ab16eddc67c9764e8a1fe0798a493ec987e85575 Mon Sep 17 00:00:00 2001
From: Prakash K <59553606+prakashks20@users.noreply.github.com>
Date: Tue, 2 Jan 2024 23:43:59 +0530
Subject: [PATCH 2/6] Update the README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 265322e3..fed1a536 100644
--- a/README.md
+++ b/README.md
@@ -64,7 +64,7 @@ ReactDOM.render(<Pagination />, container);
 | showSizeChanger              | show pageSize changer                                     | Bool                                                                                                                                                 | `false` when total less then `totalBoundaryShowSizeChanger`, `true` when otherwise     |
 | totalBoundaryShowSizeChanger | when total larger than it, `showSizeChanger` will be true | number                                                                                                                                               | 50                                                                                     |
 | pageSizeOptions              | specify the sizeChanger selections                        | Array<String>                                                                                                                                        | ['10', '20', '50', '100']                                                              |
-| showSizeOptionsSearch        | show the pageSizeOptions Select component search          | Bool                                                                                                                                                 | Default value is `false`. `false` when total less then `totalBoundaryShowSizeChanger`, `true` when otherwise     |
+| showSizeOptionsSearch        | show the pageSizeOptions Select component search          | Bool                                                                                                                                                 | Default value is `false`. `false` when pageSizeOptions Select component disabled the showSearch, `true` when pageSizeOptions Select component enabled the showSearch     |
 | onShowSizeChange             | pageSize change callback                                  | Function(current, size)                                                                                                                              | -                                                                                      |
 | hideOnSinglePage             | hide on single page                                       | Bool                                                                                                                                                 | false                                                                                  |
 | showPrevNextJumpers          | show jump-prev, jump-next                                 | Bool                                                                                                                                                 | true                                                                                   |

From c4d91d010958d661008fb6cae64b456689aaa87a Mon Sep 17 00:00:00 2001
From: Prakash K <59553606+prakashks20@users.noreply.github.com>
Date: Wed, 3 Jan 2024 01:02:46 +0530
Subject: [PATCH 3/6] showsSizeOtionsSearch's type added on interface

---
 src/interface.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/interface.ts b/src/interface.ts
index 56838c8e..99f698a1 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -64,6 +64,7 @@ export interface PaginationProps
 
   // WAI-ARIA
   role?: React.AriaRole | undefined;
+  showsSizeOtionsSearch?: boolean;
 }
 
 export interface PaginationState {

From 8efdfaaa0e442a0cf539a6dbac8aeb816b9ced6c Mon Sep 17 00:00:00 2001
From: Prakash K <59553606+prakashks20@users.noreply.github.com>
Date: Wed, 3 Jan 2024 01:06:49 +0530
Subject: [PATCH 4/6] showsSizeOtionsSearch type define change to Options
 component's PaginationProps interface

---
 src/Options.tsx  | 1 +
 src/interface.ts | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Options.tsx b/src/Options.tsx
index 74cb2814..8fe45e75 100644
--- a/src/Options.tsx
+++ b/src/Options.tsx
@@ -25,6 +25,7 @@ interface OptionsProps {
   selectComponentClass: React.ComponentType<Partial<InternalSelectProps>> & {
     Option?: React.ComponentType<Partial<OptionProps>>;
   };
+  showsSizeOtionsSearch?: boolean;
 }
 
 const defaultPageSizeOptions = ['10', '20', '50', '100'];
diff --git a/src/interface.ts b/src/interface.ts
index 99f698a1..56838c8e 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -64,7 +64,6 @@ export interface PaginationProps
 
   // WAI-ARIA
   role?: React.AriaRole | undefined;
-  showsSizeOtionsSearch?: boolean;
 }
 
 export interface PaginationState {

From 674ab163a8184f005aa561941a0d642b679a45fd Mon Sep 17 00:00:00 2001
From: Prakash K <59553606+prakashks20@users.noreply.github.com>
Date: Tue, 9 Jan 2024 22:32:23 +0530
Subject: [PATCH 5/6] Change prop name from showsSizeOtionsSearch to
 showSizeOptionsSearch

---
 src/Options.tsx    | 6 +++---
 src/Pagination.tsx | 4 ++--
 src/interface.ts   | 1 +
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/Options.tsx b/src/Options.tsx
index 8fe45e75..3f1bfbb2 100644
--- a/src/Options.tsx
+++ b/src/Options.tsx
@@ -25,7 +25,7 @@ interface OptionsProps {
   selectComponentClass: React.ComponentType<Partial<InternalSelectProps>> & {
     Option?: React.ComponentType<Partial<OptionProps>>;
   };
-  showsSizeOtionsSearch?: boolean;
+  showSizeOptionsSearch?: boolean;
 }
 
 const defaultPageSizeOptions = ['10', '20', '50', '100'];
@@ -43,7 +43,7 @@ const Options: React.FC<OptionsProps> = (props) => {
     selectPrefixCls,
     disabled,
     buildOptionText,
-    showsSizeOtionsSearch
+    showSizeOptionsSearch
   } = props;
 
   const [goInputText, setGoInputText] = React.useState('');
@@ -130,7 +130,7 @@ const Options: React.FC<OptionsProps> = (props) => {
       <Select
         disabled={disabled}
         prefixCls={selectPrefixCls}
-        showSearch={showsSizeOtionsSearch}
+        showSearch={showSizeOptionsSearch}
         className={`${prefixCls}-size-changer`}
         optionLabelProp="children"
         popupMatchSelectWidth={false}
diff --git a/src/Pagination.tsx b/src/Pagination.tsx
index 149f06f2..4ca8b8cb 100644
--- a/src/Pagination.tsx
+++ b/src/Pagination.tsx
@@ -64,7 +64,7 @@ const Pagination: React.FC<PaginationProps> = (props) => {
     showTotal,
     showSizeChanger: showSizeChangerProp,
     pageSizeOptions,
-    showsSizeOtionsSearch = false,
+    showSizeOptionsSearch = false,
 
     // render
     itemRender = defaultItemRender,
@@ -583,7 +583,7 @@ const Pagination: React.FC<PaginationProps> = (props) => {
         pageSizeOptions={pageSizeOptions}
         quickGo={shouldDisplayQuickJumper ? handleChange : null}
         goButton={gotoButton}
-        showsSizeOtionsSearch={showsSizeOtionsSearch}
+        showSizeOptionsSearch={showSizeOptionsSearch}
       />
     </ul>
   );
diff --git a/src/interface.ts b/src/interface.ts
index 56838c8e..cbea7b83 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -38,6 +38,7 @@ export interface PaginationData {
   showTitle: boolean;
   simple: boolean;
   disabled: boolean;
+  showSizeOptionsSearch: boolean;
 
   locale: PaginationLocale;
 

From 0bcabf1e73dd17fcf59fd26bef2037f7581bdfd5 Mon Sep 17 00:00:00 2001
From: Prakash K <59553606+prakashks20@users.noreply.github.com>
Date: Tue, 9 Jan 2024 22:48:03 +0530
Subject: [PATCH 6/6] Example added for showSizeOptionsSearch in the page
 options Select component

---
 docs/examples/jumper.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/examples/jumper.tsx b/docs/examples/jumper.tsx
index 182c195b..af5273dc 100644
--- a/docs/examples/jumper.tsx
+++ b/docs/examples/jumper.tsx
@@ -50,6 +50,7 @@ const App = () => (
       total={8}
     />
     <br />
+    <h3>Page options showSizeOptionsSearch is enabled</h3>
     <Pagination
       selectComponentClass={Select}
       showQuickJumper
@@ -58,6 +59,7 @@ const App = () => (
       onChange={onChange}
       pageSize={10}
       total={8}
+      showSizeOptionsSearch={true}
     />
   </>
 );