@itfin/components 2.0.98 → 2.0.99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "2.0.98",
+  "version": "2.0.99",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/pagination/Pagination2.vue

@@ -24,9 +24,9 @@
           </a>
         </li>
       </ul>
-      <!--div>
-        1-25 of {{length}} items
-      </div-->
+      <div v-if="totalCount !== null" class="text-muted small">
+        {{ $t('totalItems') }}: {{ totalCount }}
+      </div>
     </div>
 
     <div><slot name="center"></slot></div>
@@ -91,6 +91,7 @@ class itfPagination extends Vue {
   @Prop({ type: [String, Number], default: MAX_PAGES_BLOCKS }) maxBlocks;
   @Prop({type: Array, default: () => PER_PAGE_OPTIONS}) perPageOptions;
   @Prop(Boolean) showSize;
+  @Prop({ type: Number, default: null }) totalCount;
 
   isValid = true;
 

package/src/components/view/View.vue

@@ -64,6 +64,8 @@
           :sorting="sorting"
           :active="activeIds"
           :show-actions="showActions"
+          :indicator-width="indicatorWidth"
+          :no-select-all="noSelectAll"
           v-model="selectedIds"
           @row-click="$emit('open', $event)"
           @update:sorting="updateSorting($event)"
@@ -85,6 +87,7 @@
       :items="preparedItems"
       :pages="countPages"
       :value="page"
+      :totalCount="showTotalCount ? total : null"
       @input="updatePage($event)"
       @per-page="updateSizePerPage($event)"
     >
@@ -141,6 +144,9 @@ class itfView extends Vue {
   @Prop() hardFilter; // встановлює жорсткий фільтр, наприклад, треба завжди показувати лише по контрагенту
   @Prop(Boolean) showActions;
   @Prop({ type: Array, default: () => [] }) disabledIds;
+  @Prop({ default: 45 }) indicatorWidth;
+  @Prop(Boolean) noSelectAll;
+  @Prop({ type: Boolean, default: false }) showTotalCount;
 
   page = 1;
   total = 0;

package/src/locales/en.js

@@ -155,4 +155,5 @@ module.exports = {
   },
   passwordValidation: 'Password should contain at least 8 characters, including uppercase letters, lowercase letters, numbers, and special characters (e.g. @, $, !, %, *, ?, &)',
   iveGotIt: 'I\'ve got it',
+  totalItems: 'Total items',
 };

package/src/locales/pl.js

@@ -155,4 +155,5 @@ module.exports = {
   },
   passwordValidation: 'Hasło powinno zawierać co najmniej 8 znaków, w tym wielkie i małe litery, cyfry oraz znaki specjalne (np. @, $, !, %, *, ?, &)',
   iveGotIt: 'Rozumiem',
+  totalItems: 'Całkowita liczba elementów',
 };

package/src/locales/uk.js

@@ -156,4 +156,5 @@ module.exports = {
   },
   passwordValidation: 'Пароль має містити принаймні 8 символів, включаючи великі літери, малі літери, цифри та спеціальні символи (@, $, !, %, *, ?, &)',
   iveGotIt: 'Зрозуміло',
+  totalItems: 'Всього елементів',
 };