@itfin/components 2.0.98 → 2.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/package.json +1 -1
  2. package/src/components/icon/components/nomi-approval-chain.vue +5 -0
  3. package/src/components/icon/components/nomi-comment.vue +4 -0
  4. package/src/components/icon/components/nomi-dollar.vue +4 -0
  5. package/src/components/icon/components/nomi-file-doc.vue +7 -0
  6. package/src/components/icon/components/nomi-file-excel.vue +9 -0
  7. package/src/components/icon/components/nomi-file-image.vue +6 -0
  8. package/src/components/icon/components/nomi-file-pdf.vue +5 -0
  9. package/src/components/icon/components/nomi-money-requests.vue +12 -0
  10. package/src/components/icon/components/nomi-plus.vue +5 -0
  11. package/src/components/icon/components/nomi-undo.vue +4 -0
  12. package/src/components/icon/components/nomi-user-settings.vue +5 -0
  13. package/src/components/icon/icons.js +387 -376
  14. package/src/components/icon/new-icons/approval-chain.svg +4 -0
  15. package/src/components/icon/new-icons/comment.svg +3 -0
  16. package/src/components/icon/new-icons/dollar.svg +3 -0
  17. package/src/components/icon/new-icons/file-doc.svg +6 -0
  18. package/src/components/icon/new-icons/file-excel.svg +8 -0
  19. package/src/components/icon/new-icons/file-image.svg +5 -0
  20. package/src/components/icon/new-icons/file-pdf.svg +4 -0
  21. package/src/components/icon/new-icons/money-requests.svg +11 -0
  22. package/src/components/icon/new-icons/plus.svg +4 -0
  23. package/src/components/icon/new-icons/undo.svg +3 -0
  24. package/src/components/icon/new-icons/user-settings.svg +4 -0
  25. package/src/components/pagination/Pagination2.vue +4 -3
  26. package/src/components/view/View.vue +6 -0
  27. package/src/locales/en.js +2 -1
  28. package/src/locales/pl.js +2 -1
  29. package/src/locales/uk.js +2 -1
package/src/components/icon/new-icons/approval-chain.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12C12.9193 12 13.8295 12.1814 14.6788 12.5332C15.3163 12.7973 15.9101 13.1536 16.4415 13.5898L15.0001 14.4229C14.421 14.7574 14.0495 15.358 14.005 16.0205L14.0001 16.1543V18.4639C14.0001 18.6476 14.0263 18.8276 14.0743 19H6.00008C5.44783 19 4.99274 18.5496 5.07137 18.0029C5.15431 17.4266 5.30946 16.8616 5.53328 16.3213C5.88507 15.472 6.40086 14.6998 7.05086 14.0498C7.70074 13.4 8.47234 12.8849 9.32137 12.5332C10.1706 12.1814 11.0809 12 12.0001 12ZM12.0001 4C13.6569 4 15.0001 5.34315 15.0001 7C15.0001 8.65685 13.6569 10 12.0001 10C10.3433 9.99995 9.00008 8.65683 9.00008 7C9.00008 5.34317 10.3433 4.00005 12.0001 4Z" fill="currentColor"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 14.1339C17.8094 13.9554 18.1906 13.9554 18.5 14.1339L20.5 15.2892C20.8092 15.4678 20.9999 15.7974 21 16.1544V18.464C21 18.8213 20.8094 19.1516 20.5 19.3302L18.5 20.4845C18.1906 20.6631 17.8094 20.6631 17.5 20.4845L15.5 19.3302C15.1906 19.1516 15 18.8213 15 18.464V16.1544C15.0001 15.7974 15.1908 15.4678 15.5 15.2892L17.5 14.1339ZM18 16.3097C17.4477 16.3097 17 16.7574 17 17.3097C17.0001 17.8619 17.4478 18.3097 18 18.3097C18.5522 18.3097 18.9999 17.8619 19 17.3097C19 16.7574 18.5523 16.3097 18 16.3097Z" fill="currentColor"/>
4
+ </svg>
package/src/components/icon/new-icons/comment.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.5469 4H5.65353C4.3202 4 3.2002 5.12 3.2002 6.45333V11.3067C3.2002 12.5867 4.1602 13.6533 5.4402 13.76V14.56C5.4402 15.0933 5.70686 15.52 6.18686 15.7333C6.61353 15.9467 7.14686 15.8933 7.57353 15.5733L9.65353 13.8133H13.5469C14.8802 13.8133 16.0002 12.6933 16.0002 11.36V6.45333C16.0002 5.12 14.8802 4 13.5469 4ZM12.1069 10.6133H7.09353C6.77353 10.6133 6.5602 10.4 6.5602 10.08C6.5602 9.76 6.77353 9.54667 7.09353 9.54667H12.0535C12.3735 9.54667 12.5869 9.76 12.5869 10.08C12.5869 10.4 12.3735 10.6133 12.1069 10.6133ZM12.1069 8.21333H7.09353C6.77353 8.21333 6.5602 8 6.5602 7.68C6.5602 7.36 6.77353 7.14667 7.09353 7.14667H12.0535C12.3735 7.14667 12.5869 7.36 12.5869 7.68C12.5869 8 12.3735 8.21333 12.1069 8.21333Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/dollar.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.2 11.7H6C6 13.254 7.452 14.172 9 14.364V15.6H10.2V14.358C11.55 14.178 13.2 13.404 13.2 11.7C13.2 9.996 11.55 9.222 10.2 9.042V6.06C10.998 6.204 12 6.624 12 7.5H13.2C13.2 5.796 11.55 5.022 10.2 4.842V3.6H9V4.842C7.65 5.022 6 5.796 6 7.5C6 9.204 7.602 9.966 9 10.158V13.14C8.13 12.99 7.2 12.528 7.2 11.7ZM12 11.7C12 12.576 10.998 12.996 10.2 13.14V10.26C10.998 10.404 12 10.824 12 11.7ZM7.2 7.5C7.2 6.624 8.202 6.204 9 6.06V8.94C8.178 8.79 7.2 8.34 7.2 7.5Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/file-doc.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path opacity="0.4" d="M18.8088 9.02095C18.3573 9.02095 17.7592 9.01095 17.0146 9.01095C15.1987 9.01095 13.7055 7.50795 13.7055 5.67495V2.45895C13.7055 2.20595 13.5036 1.99995 13.253 1.99995H7.96363C5.49517 1.99995 3.5 4.02595 3.5 6.50895V17.284C3.5 19.889 5.59022 22 8.16958 22H16.0463C18.5058 22 20.5 19.987 20.5 17.502V9.47095C20.5 9.21695 20.299 9.01195 20.0475 9.01295C19.6247 9.01595 19.1177 9.02095 18.8088 9.02095" fill="#155EEF"/>
3
+ <path opacity="0.4" d="M16.0847 2.56732C15.7857 2.25632 15.2637 2.47032 15.2637 2.90132V5.53832C15.2637 6.64432 16.1747 7.55432 17.2807 7.55432C17.9777 7.56232 18.9457 7.56432 19.7677 7.56232C20.1887 7.56132 20.4027 7.05832 20.1107 6.75432C19.0557 5.65732 17.1667 3.69132 16.0847 2.56732Z" fill="#155EEF"/>
4
+ <rect x="6.75" y="12.75" width="5.25" height="1.5" rx="0.75" fill="#155EEF"/>
5
+ <rect x="6.75" y="15.75" width="10.5" height="1.5" rx="0.75" fill="#155EEF"/>
6
+ </svg>
package/src/components/icon/new-icons/file-excel.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path opacity="0.4" d="M18.8088 9.02095C18.3573 9.02095 17.7592 9.01095 17.0146 9.01095C15.1987 9.01095 13.7055 7.50795 13.7055 5.67495V2.45895C13.7055 2.20595 13.5036 1.99995 13.253 1.99995H7.96363C5.49517 1.99995 3.5 4.02595 3.5 6.50895V17.284C3.5 19.889 5.59022 22 8.16958 22H16.0463C18.5058 22 20.5 19.987 20.5 17.502V9.47095C20.5 9.21695 20.299 9.01195 20.0475 9.01295C19.6247 9.01595 19.1177 9.02095 18.8088 9.02095" fill="#398241"/>
3
+ <path opacity="0.4" d="M16.0847 2.56732C15.7857 2.25632 15.2637 2.47032 15.2637 2.90132V5.53832C15.2637 6.64432 16.1747 7.55432 17.2807 7.55432C17.9777 7.56232 18.9457 7.56432 19.7677 7.56232C20.1887 7.56132 20.4027 7.05832 20.1107 6.75432C19.0557 5.65732 17.1667 3.69132 16.0847 2.56732Z" fill="#398241"/>
4
+ <rect x="6.75" y="12.75" width="3.75" height="1.5" rx="0.75" fill="#398241"/>
5
+ <rect x="6.75" y="15.75" width="3.75" height="1.5" rx="0.75" fill="#398241"/>
6
+ <rect x="12" y="12.75" width="5.25" height="1.5" rx="0.75" fill="#398241"/>
7
+ <rect x="12" y="15.75" width="5.25" height="1.5" rx="0.75" fill="#398241"/>
8
+ </svg>
package/src/components/icon/new-icons/file-image.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect opacity="0.4" x="2.25" y="2.25" width="20.25" height="20.25" rx="6" fill="#FF9900"/>
3
+ <path d="M19.4016 12.7454C19.9414 13.3385 20.25 14.1089 20.25 14.911C20.25 15.1183 20.2418 15.3273 20.2254 15.5346C19.9953 18.3865 18.196 20.25 15.5998 20.25H8.50117C7.18662 20.25 6.07747 19.7803 5.28052 18.9286C4.69088 18.3321 4.81943 17.398 5.3206 16.7254C5.33738 16.7029 5.35415 16.6803 5.37089 16.6578C5.87207 15.9971 6.35681 15.3445 6.6608 14.9201C7.11268 14.3046 8.30399 12.6845 9.9554 13.4448C10.2923 13.5987 10.588 13.8159 10.8592 14.0059C11.5246 14.4947 11.804 14.6395 12.2723 14.3589C12.7899 14.0512 13.1268 13.4448 13.48 12.8112C13.669 12.4755 13.858 12.1505 14.0634 11.8519C14.9589 10.5667 16.3392 10.2227 17.4894 10.983C18.0646 11.3631 18.5575 11.8428 19.0176 12.3307C19.1162 12.4393 19.2148 12.5397 19.3052 12.6393C19.328 12.6645 19.3608 12.7005 19.4016 12.7454Z" fill="#FF9900"/>
4
+ <path d="M11.4268 8.33056C11.4268 9.60219 10.4451 10.6611 9.26718 10.6611C8.09012 10.6611 7.1084 9.60219 7.1084 8.33056C7.1084 7.05984 8.09012 6 9.26718 6C10.4451 6 11.4268 7.05984 11.4268 8.33056Z" fill="#FF9900"/>
5
+ </svg>
package/src/components/icon/new-icons/file-pdf.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect opacity="0.4" x="2" y="1.99994" width="20" height="20" rx="6" fill="#EE7C6D"/>
3
+ <path d="M7.29976 18.34C9.10976 17.09 10.3198 15.18 11.2098 12.84C12.1098 10.51 13.0698 8.51004 12.6498 6.21004C12.5898 5.85004 12.0798 5.48004 11.8198 5.51004C10.7998 5.57004 10.8698 6.72004 10.9698 7.41004C11.2098 9.12004 12.5298 11.11 13.8098 12.97C15.0798 14.84 16.1298 15.13 17.5898 15.23C18.0898 15.26 18.8398 15.09 18.9598 14.65C19.7298 11.85 9.93976 14.11 6.67976 16.73C6.27976 17.06 5.81976 17.73 6.07976 18.19C6.27976 18.55 6.94976 18.59 7.30976 18.34H7.29976Z" stroke="#C33737" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/components/icon/new-icons/money-requests.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_5744_16863)">
3
+ <path d="M20.9153 16.2471L12.5069 19.9902C11.7297 20.3358 10.8445 20.324 10.0781 19.9572L4.47371 17.2735C4.06684 17.0795 3.80518 16.6593 3.80518 16.2054C3.80518 15.8943 3.93174 15.5865 4.15225 15.3642C4.51331 14.9998 4.76022 14.7932 4.76255 14.7909C4.76643 14.7885 4.76954 14.7846 4.77342 14.7822C5.6679 13.9961 6.8667 13.4816 8.148 13.3324C8.15188 13.3324 8.15421 13.3308 8.15731 13.3308C10.5124 13.0308 13.0481 14.084 14.1181 15.9384C14.1593 16.0059 14.1966 16.0719 14.2315 16.141L12.896 16.7324C12.8867 16.7363 12.8758 16.7363 12.8657 16.7285L10.3647 15.0328C10.0968 14.8506 9.73424 14.9229 9.55411 15.1946C9.37397 15.4656 9.4454 15.8323 9.71406 16.0145L12.2142 17.7102C12.5559 17.9435 12.986 17.9819 13.3634 17.8154L20.1628 14.8066C21.1303 14.3307 21.833 15.7067 20.9144 16.2462L20.9153 16.2471Z" fill="currentColor"/>
4
+ <path d="M13.2851 4.18042C9.30961 4.13173 6.6037 8.54801 8.41354 12.1222C10.965 11.9314 13.5405 13.0427 14.8667 14.9433C20.7733 12.9861 19.5293 4.3099 13.2851 4.18042ZM15.9685 8.63828L13.167 11.4885C12.9488 11.7186 12.5552 11.7186 12.337 11.4885L10.6031 9.72374C10.0736 9.15748 10.8749 8.35011 11.4324 8.88967L12.7524 10.2319L15.1392 7.80351C15.6967 7.26473 16.498 8.06818 15.9693 8.63758L15.9685 8.63828Z" fill="currentColor"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_5744_16863">
8
+ <rect width="19" height="17.6429" fill="white" transform="translate(3 3)"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
package/src/components/icon/new-icons/plus.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4.7998 9.59998H14.3998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M9.59961 4.79999V14.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/components/icon/new-icons/undo.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.375 13.75L5 9.375M5 9.375L9.375 5M5 9.375H14.1875C14.8195 9.375 15.4453 9.49948 16.0292 9.74133C16.613 9.98318 17.1436 10.3377 17.5905 10.7845C18.0373 11.2314 18.3918 11.762 18.6337 12.3458C18.8755 12.9297 19 13.5555 19 14.1875C19 14.8195 18.8755 15.4453 18.6337 16.0292C18.3918 16.613 18.0373 17.1436 17.5905 17.5905C17.1436 18.0373 16.613 18.3918 16.0292 18.6337C15.4453 18.8755 14.8195 19 14.1875 19H11.125" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/user-settings.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12C12.9193 12 13.8295 12.1814 14.6788 12.5332C15.3163 12.7973 15.9101 13.1536 16.4415 13.5898L15.0001 14.4229C14.421 14.7574 14.0495 15.358 14.005 16.0205L14.0001 16.1543V18.4639C14.0001 18.6476 14.0263 18.8276 14.0743 19H6.00008C5.44783 19 4.99274 18.5496 5.07137 18.0029C5.15431 17.4266 5.30946 16.8616 5.53328 16.3213C5.88507 15.472 6.40086 14.6998 7.05086 14.0498C7.70074 13.4 8.47234 12.8849 9.32137 12.5332C10.1706 12.1814 11.0809 12 12.0001 12ZM12.0001 4C13.6569 4 15.0001 5.34315 15.0001 7C15.0001 8.65685 13.6569 10 12.0001 10C10.3433 9.99995 9.00008 8.65683 9.00008 7C9.00008 5.34317 10.3433 4.00005 12.0001 4Z" fill="currentColor"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 14.1339C17.8094 13.9554 18.1906 13.9554 18.5 14.1339L20.5 15.2892C20.8092 15.4678 20.9999 15.7974 21 16.1544V18.464C21 18.8213 20.8094 19.1516 20.5 19.3302L18.5 20.4845C18.1906 20.6631 17.8094 20.6631 17.5 20.4845L15.5 19.3302C15.1906 19.1516 15 18.8213 15 18.464V16.1544C15.0001 15.7974 15.1908 15.4678 15.5 15.2892L17.5 14.1339ZM18 16.3097C17.4477 16.3097 17 16.7574 17 17.3097C17.0001 17.8619 17.4478 18.3097 18 18.3097C18.5522 18.3097 18.9999 17.8619 19 17.3097C19 16.7574 18.5523 16.3097 18 16.3097Z" fill="currentColor"/>
4
+ </svg>
package/src/components/pagination/Pagination2.vue CHANGED
@@ -24,9 +24,9 @@
24
24
  </a>
25
25
  </li>
26
26
  </ul>
27
- <!--div>
28
- 1-25 of {{length}} items
29
- </div-->
27
+ <div v-if="totalCount !== null" class="text-muted small">
28
+ {{ $t('components.totalItems') }}: {{ totalCount }}
29
+ </div>
30
30
  </div>
31
31
 
32
32
  <div><slot name="center"></slot></div>
@@ -91,6 +91,7 @@ class itfPagination extends Vue {
91
91
  @Prop({ type: [String, Number], default: MAX_PAGES_BLOCKS }) maxBlocks;
92
92
  @Prop({type: Array, default: () => PER_PAGE_OPTIONS}) perPageOptions;
93
93
  @Prop(Boolean) showSize;
94
+ @Prop({ type: Number, default: null }) totalCount;
94
95
 
95
96
  isValid = true;
96
97
 
package/src/components/view/View.vue CHANGED
@@ -64,6 +64,8 @@
64
64
  :sorting="sorting"
65
65
  :active="activeIds"
66
66
  :show-actions="showActions"
67
+ :indicator-width="indicatorWidth"
68
+ :no-select-all="noSelectAll"
67
69
  v-model="selectedIds"
68
70
  @row-click="$emit('open', $event)"
69
71
  @update:sorting="updateSorting($event)"
@@ -85,6 +87,7 @@
85
87
  :items="preparedItems"
86
88
  :pages="countPages"
87
89
  :value="page"
90
+ :totalCount="showTotalCount ? total : null"
88
91
  @input="updatePage($event)"
89
92
  @per-page="updateSizePerPage($event)"
90
93
  >
@@ -141,6 +144,9 @@ class itfView extends Vue {
141
144
  @Prop() hardFilter; // встановлює жорсткий фільтр, наприклад, треба завжди показувати лише по контрагенту
142
145
  @Prop(Boolean) showActions;
143
146
  @Prop({ type: Array, default: () => [] }) disabledIds;
147
+ @Prop({ default: 45 }) indicatorWidth;
148
+ @Prop(Boolean) noSelectAll;
149
+ @Prop({ type: Boolean, default: false }) showTotalCount;
144
150
 
145
151
  page = 1;
146
152
  total = 0;
package/src/locales/en.js CHANGED
@@ -133,7 +133,7 @@ module.exports = {
133
133
  cancelSelected: 'Cancel',
134
134
  },
135
135
  pagination: {
136
- itemsPerPage: 'Items per page',
136
+ itemsPerPage: 'On the page',
137
137
  previous: 'Previous',
138
138
  next: 'Next'
139
139
  },
@@ -155,4 +155,5 @@ module.exports = {
155
155
  },
156
156
  passwordValidation: 'Password should contain at least 8 characters, including uppercase letters, lowercase letters, numbers, and special characters (e.g. @, $, !, %, *, ?, &)',
157
157
  iveGotIt: 'I\'ve got it',
158
+ totalItems: 'Total',
158
159
  };
package/src/locales/pl.js CHANGED
@@ -133,7 +133,7 @@ module.exports = {
133
133
  cancelSelected: 'Anuluj zaznaczenie',
134
134
  },
135
135
  pagination: {
136
- itemsPerPage: 'Elementów na stronę',
136
+ itemsPerPage: 'Na stronie',
137
137
  previous: 'Poprzednia',
138
138
  next: 'Następna',
139
139
  },
@@ -155,4 +155,5 @@ module.exports = {
155
155
  },
156
156
  passwordValidation: 'Hasło powinno zawierać co najmniej 8 znaków, w tym wielkie i małe litery, cyfry oraz znaki specjalne (np. @, $, !, %, *, ?, &)',
157
157
  iveGotIt: 'Rozumiem',
158
+ totalItems: 'Całkowity',
158
159
  };
package/src/locales/uk.js CHANGED
@@ -100,7 +100,7 @@ module.exports = {
100
100
  copyingToClipboardWasSuccessful: 'Скопійовано в буфер',
101
101
  },
102
102
  pagination: {
103
- itemsPerPage: 'К-ть на сторінці',
103
+ itemsPerPage: 'На сторінці',
104
104
  previous: 'Попередня',
105
105
  next: 'Наступна',
106
106
  },
@@ -156,4 +156,5 @@ module.exports = {
156
156
  },
157
157
  passwordValidation: 'Пароль має містити принаймні 8 символів, включаючи великі літери, малі літери, цифри та спеціальні символи (@, $, !, %, *, ?, &)',
158
158
  iveGotIt: 'Зрозуміло',
159
+ totalItems: 'Всього',
159
160
  };