@appscode/design-system 2.17.66 → 2.17.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.17.66",
+  "version": "2.17.67",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v3/pagination/Pagination.vue

@@ -3,14 +3,14 @@ import { computed, ref, watch } from "vue";
 
 interface Props {
   hideRowsPerPageSelection?: boolean;
-  userDefinedItemsPerPage?: number | null;
+  isUserDefinedItemsPerPage?: boolean;
   totalNoOfItems?: number;
   itemsPerPage?: number;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   hideRowsPerPageSelection: false,
-  userDefinedItemsPerPage: null,
+  isUserDefinedItemsPerPage: false,
   totalNoOfItems: 0,
   itemsPerPage: 5,
 });
@@ -21,7 +21,7 @@ const activePageNo = ref(1);
 
 const selectedItemCountPerPage = computed({
   get() {
-    if (props.userDefinedItemsPerPage) return props.userDefinedItemsPerPage;
+    if (props.isUserDefinedItemsPerPage) return props.itemsPerPage;
     if (props.itemsPerPage > 5 && props.totalNoOfItems <= 5) return 5;
     else if (props.itemsPerPage > 10 && props.totalNoOfItems <= 10) return 10;
     else if (props.itemsPerPage > 15 && props.totalNoOfItems <= 15) return 15;
@@ -117,8 +117,8 @@ watch(
         <label>Rows per page</label>
         <select v-model="selectedItemCountPerPage" name="page" data-testid="rows-per-page-selector">
           <option
-            :value="userDefinedItemsPerPage"
-            v-if="userDefinedItemsPerPage && ![5, 10, 15, 20, 25, 50].includes(userDefinedItemsPerPage)"
+            :value="itemsPerPage && ![5, 10, 15, 20, 25, 50].includes(itemsPerPage)"
+            v-if="isUserDefinedItemsPerPage && ![5, 10, 15, 20, 25, 50].includes(itemsPerPage)"
           >
             default
           </option>