@itfin/components 2.0.53 → 2.0.55

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 (19) hide show
  1. package/package.json +1 -1
  2. package/src/components/icon/components/nomi-type-array.vue +6 -0
  3. package/src/components/icon/components/nomi-type-boolean.vue +5 -0
  4. package/src/components/icon/components/nomi-type-date.vue +4 -0
  5. package/src/components/icon/components/nomi-type-null.vue +4 -0
  6. package/src/components/icon/components/nomi-type-number.vue +4 -0
  7. package/src/components/icon/components/nomi-type-object.vue +4 -0
  8. package/src/components/icon/components/nomi-type-string.vue +4 -0
  9. package/src/components/icon/icons.js +8 -1
  10. package/src/components/icon/new-icons/type-array.svg +5 -0
  11. package/src/components/icon/new-icons/type-boolean.svg +4 -0
  12. package/src/components/icon/new-icons/type-date.svg +3 -0
  13. package/src/components/icon/new-icons/type-null.svg +3 -0
  14. package/src/components/icon/new-icons/type-number.svg +3 -0
  15. package/src/components/icon/new-icons/type-object.svg +3 -0
  16. package/src/components/icon/new-icons/type-string.svg +3 -0
  17. package/src/components/text-field/TextField.vue +2 -2
  18. package/src/components/view/View.vue +2 -1
  19. package/src/helpers/validators.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "2.0.53",
3
+ "version": "2.0.55",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/icon/components/nomi-type-array.vue ADDED
@@ -0,0 +1,6 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19.125 4.125H4.875C4.46079 4.125 4.125 4.46079 4.125 4.875V19.125C4.125 19.5392 4.46079 19.875 4.875 19.875H19.125C19.5392 19.875 19.875 19.5392 19.875 19.125V4.875C19.875 4.46079 19.5392 4.125 19.125 4.125Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M12 4.125V19.875" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M19.875 12H4.125" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
6
+ </template>
package/src/components/icon/components/nomi-type-boolean.vue ADDED
@@ -0,0 +1,5 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M16.5 6H7.5C4.18629 6 1.5 8.68629 1.5 12C1.5 15.3137 4.18629 18 7.5 18H16.5C19.8137 18 22.5 15.3137 22.5 12C22.5 8.68629 19.8137 6 16.5 6Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M16.5 15C18.1569 15 19.5 13.6569 19.5 12C19.5 10.3431 18.1569 9 16.5 9C14.8431 9 13.5 10.3431 13.5 12C13.5 13.6569 14.8431 15 16.5 15Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
5
+ </template>
package/src/components/icon/components/nomi-type-date.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.44444 3V6.6M15.5556 3V6.6M4 10.2H20M5.77778 4.8H18.2222C19.2041 4.8 20 5.60589 20 6.6V19.2C20 20.1941 19.2041 21 18.2222 21H5.77778C4.79594 21 4 20.1941 4 19.2V6.6C4 5.60589 4.79594 4.8 5.77778 4.8Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-type-null.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.5 3L3 20.5M20.5 11.75C20.5 16.5825 16.5825 20.5 11.75 20.5C6.9175 20.5 3 16.5825 3 11.75C3 6.9175 6.9175 3 11.75 3C16.5825 3 20.5 6.9175 20.5 11.75Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-type-number.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4 9H20M4 15H20M10 3L8 21M16 3L14 21" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-type-object.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V10C5 10.5304 4.78929 11.0391 4.41421 11.4142C4.03914 11.7893 3.53043 12 3 12C3.53043 12 4.03914 12.2107 4.41421 12.5858C4.78929 12.9609 5 13.4696 5 14V19C5 20.1 5.9 21 7 21H8M16 21H17C17.5304 21 18.0391 20.7893 18.4142 20.4142C18.7893 20.0391 19 19.5304 19 19V14C19 12.9 19.9 12 21 12C20.4696 12 19.9609 11.7893 19.5858 11.4142C19.2107 11.0391 19 10.5304 19 10V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H16" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-type-string.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6 18.75L11.454 5.66536C11.5052 5.54235 11.5918 5.43727 11.7027 5.36336C11.8136 5.28944 11.9439 5.25 12.0771 5.25C12.2104 5.25 12.3407 5.28944 12.4516 5.36336C12.5625 5.43727 12.649 5.54235 12.7003 5.66536L18.1529 18.75M7.76082 14.699H16.3921" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/icons.js CHANGED
@@ -540,4 +540,11 @@ export default {
540
540
  'nomi-warehouse': () => import('./components/nomi-warehouse.vue'),
541
541
  'nomi-unpin': () => import('./components/nomi-unpin.vue'),
542
542
  'nomi-transactions_alt': () => import('./components/nomi-transactions_alt.vue'),
543
- }
543
+ 'nomi-type-date': () => import('./components/nomi-type-date.vue'),
544
+ 'nomi-type-array': () => import('./components/nomi-type-array.vue'),
545
+ 'nomi-type-boolean': () => import('./components/nomi-type-boolean.vue'),
546
+ 'nomi-type-null': () => import('./components/nomi-type-null.vue'),
547
+ 'nomi-type-number': () => import('./components/nomi-type-number.vue'),
548
+ 'nomi-type-string': () => import('./components/nomi-type-string.vue'),
549
+ 'nomi-type-object': () => import('./components/nomi-type-object.vue'),
550
+ }
package/src/components/icon/new-icons/type-array.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
+ <path d="M19.125 4.125H4.875C4.46079 4.125 4.125 4.46079 4.125 4.875V19.125C4.125 19.5392 4.46079 19.875 4.875 19.875H19.125C19.5392 19.875 19.875 19.5392 19.875 19.125V4.875C19.875 4.46079 19.5392 4.125 19.125 4.125Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M12 4.125V19.875" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M19.875 12H4.125" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/src/components/icon/new-icons/type-boolean.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 d="M16.5 6H7.5C4.18629 6 1.5 8.68629 1.5 12C1.5 15.3137 4.18629 18 7.5 18H16.5C19.8137 18 22.5 15.3137 22.5 12C22.5 8.68629 19.8137 6 16.5 6Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M16.5 15C18.1569 15 19.5 13.6569 19.5 12C19.5 10.3431 18.1569 9 16.5 9C14.8431 9 13.5 10.3431 13.5 12C13.5 13.6569 14.8431 15 16.5 15Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/components/icon/new-icons/type-date.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="M8.44444 3V6.6M15.5556 3V6.6M4 10.2H20M5.77778 4.8H18.2222C19.2041 4.8 20 5.60589 20 6.6V19.2C20 20.1941 19.2041 21 18.2222 21H5.77778C4.79594 21 4 20.1941 4 19.2V6.6C4 5.60589 4.79594 4.8 5.77778 4.8Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/type-null.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="M20.5 3L3 20.5M20.5 11.75C20.5 16.5825 16.5825 20.5 11.75 20.5C6.9175 20.5 3 16.5825 3 11.75C3 6.9175 6.9175 3 11.75 3C16.5825 3 20.5 6.9175 20.5 11.75Z" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/type-number.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="M4 9H20M4 15H20M10 3L8 21M16 3L14 21" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/type-object.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="M8 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V10C5 10.5304 4.78929 11.0391 4.41421 11.4142C4.03914 11.7893 3.53043 12 3 12C3.53043 12 4.03914 12.2107 4.41421 12.5858C4.78929 12.9609 5 13.4696 5 14V19C5 20.1 5.9 21 7 21H8M16 21H17C17.5304 21 18.0391 20.7893 18.4142 20.4142C18.7893 20.0391 19 19.5304 19 19V14C19 12.9 19.9 12 21 12C20.4696 12 19.9609 11.7893 19.5858 11.4142C19.2107 11.0391 19 10.5304 19 10V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H16" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/type-string.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="M6 18.75L11.454 5.66536C11.5052 5.54235 11.5918 5.43727 11.7027 5.36336C11.8136 5.28944 11.9439 5.25 12.0771 5.25C12.2104 5.25 12.3407 5.28944 12.4516 5.36336C12.5625 5.43727 12.649 5.54235 12.7003 5.66536L18.1529 18.75M7.76082 14.699H16.3921" stroke="#22222B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/text-field/TextField.vue CHANGED
@@ -70,8 +70,8 @@ class itfTextField extends Vue {
70
70
  @Prop(Boolean) disabled;
71
71
  @Prop(Boolean) readonly;
72
72
  @Prop(Boolean) small;
73
- @Prop(Boolean) invalid;
74
- @Prop(Boolean) valid;
73
+ @Prop({ type: Boolean, default: undefined }) invalid;
74
+ @Prop({ type: Boolean, default: undefined }) valid;
75
75
  @Prop({ type: String, default: 'text' }) type;
76
76
  @Prop({ type: [Number, String], default: 0 }) delayInput;
77
77
 
package/src/components/view/View.vue CHANGED
@@ -53,7 +53,7 @@
53
53
  clickable
54
54
  column-sorting
55
55
  column-resizing
56
- indicator-type="checkbox"
56
+ :indicator-type="indicatorType"
57
57
  class="permanent-checkboxes"
58
58
  :state-name="stateName"
59
59
  id-property="id"
@@ -131,6 +131,7 @@ class itfView extends Vue {
131
131
  @Prop(String) itemsKey;
132
132
  @Prop(String) panelKey;
133
133
  @Prop(String) stateName;
134
+ @Prop({ type: String, default: 'checkbox' }) indicatorType;
134
135
  @Prop({ type: String, default () { return this.$t('components.table.search'); } }) searchPlaceholder;
135
136
  @Prop() panel;
136
137
  @Prop(Boolean) showActions;
package/src/helpers/validators.js CHANGED
@@ -9,7 +9,7 @@ const SPECIAL_CHARS_REGEXP = /^[\w_\-+~,/\\:'"().&*|[\]?# ]+$/i;
9
9
  const GREETINGS_REGEXP = /\b(dr|mr|mister|mrs|ms|miss|sir|hello|hi)\b/i;
10
10
  const PHONE_REGEXP = /(\+?\(?\+?[0-9]{1,3}\)?[-. ]+([0-9]{2,4})[-. ]?([0-9]{3,5}))|\+?[0-9]{7,}/gi;
11
11
  const DOUBLE_REGEXP = /^-?\d{0,11}(\.\d{0,8}){0,1}$/;
12
- const EMAIL_REGEXP = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/g;
12
+ const EMAIL_REGEXP = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i;
13
13
  const EMAIL_LIST_REGEXP = /^(\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]{2,4}\s*?,?\s*?)+$/g;
14
14
  const HEX_REGEXP = /[0-9A-Fa-f]{6}/;
15
15
  const PASSWORD_REGEX = /^(?=.*\p{Lu})(?=.*\p{Ll})(?=.*\d)(?=.*[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]).{8,}$/u;