From 734a5440ed35ead48e4cfcda8c3dd4aee55e2a2c Mon Sep 17 00:00:00 2001
From: weaseldotro <1822852+weaseldotro@users.noreply.github.com>
Date: Tue, 29 Sep 2020 11:28:11 +0300
Subject: [PATCH 1/2] feat(pagination): add pageSizeInputDisabled

useful for programs that have fixed pagination size, which cannot / must not be changed by the user
---
 src/Pagination/Pagination.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Pagination/Pagination.svelte b/src/Pagination/Pagination.svelte
index c18c949d..4dec8d27 100644
--- a/src/Pagination/Pagination.svelte
+++ b/src/Pagination/Pagination.svelte
@@ -54,6 +54,12 @@
    */
   export let pageInputDisabled = false;
 
+  /**
+   * Set to `true` to disable the page size input
+   * @type {boolean} [pageSizeInputDisabled=false]
+   */
+  export let pageSizeInputDisabled = false;
+
   /**
    * Specify the number of items to display in a page
    * @type {number} [pageSize=10]
@@ -118,6 +124,7 @@
 
 <div id="{id}" class:bx--pagination="{true}" {...$$restProps}>
   <div class:bx--pagination__left="{true}">
+    {#if !pageSizeInputDisabled}
     <label
       id="bx--pagination-select-{id}-count-label"
       for="bx--pagination-select-{id}"
@@ -137,7 +144,8 @@
         <SelectItem value="{size}" text="{size.toString()}" />
       {/each}
     </Select>
-    <span class:bx--pagination__text="{true}">
+    {/if}
+    <span class:bx--pagination__text="{!pageSizeInputDisabled}">
       {#if pagesUnknown}
         {itemText(pageSize * (page - 1) + 1, page * pageSize)}
       {:else}

From 30686ed4314a50b1a65ab8e4bb50dc18af30551f Mon Sep 17 00:00:00 2001
From: weaseldotro <1822852+weaseldotro@users.noreply.github.com>
Date: Fri, 2 Oct 2020 09:41:58 +0300
Subject: [PATCH 2/2] Add pageSizeInputDisabled to story

---
 src/Pagination/Pagination.stories.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Pagination/Pagination.stories.js b/src/Pagination/Pagination.stories.js
index 1d8f9776..d5b209e1 100644
--- a/src/Pagination/Pagination.stories.js
+++ b/src/Pagination/Pagination.stories.js
@@ -20,6 +20,7 @@ export const Default = () => ({
       false
     ),
     pageInputDisabled: boolean("Disable page input (pageInputDisabled)", false),
+    pageSizeInputDisabled: boolean("Disable page size input (pageSizeInputDisabled)", false),
     backwardText: text(
       "The description for the backward icon (backwardText)",
       "Previous page"
@@ -49,6 +50,7 @@ export const Multiple = () => ({
       false
     ),
     pageInputDisabled: boolean("Disable page input (pageInputDisabled)", false),
+    pageSizeInputDisabled: boolean("Disable page size input (pageSizeInputDisabled)", false),
     backwardText: text(
       "The description for the backward icon (backwardText)",
       "Previous page"