@itfin/components 1.2.26 → 1.2.28

package/package.json

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

package/src/assets/scss/main.scss

@@ -3,6 +3,10 @@
 @import './dark-theme.scss';
 @import './scrollbar';
 
+.form-control {
+  min-height: 2.5rem;
+}
+
 .color-project-tnm {
   color: $project-tnm;
 }

package/src/components/datepicker/DatePicker.vue

@@ -89,11 +89,13 @@
 }
 </style>
 <script>
-import { Vue, Component, Prop, Inject } from 'vue-property-decorator';
+import {
+  Vue, Component, Prop, Inject
+} from 'vue-property-decorator';
 import { IMask, IMaskComponent } from 'vue-imask';
 import { DateTime } from 'luxon';
-import { debounce } from '../../helpers/debounce';
 import tippy from 'tippy.js';
+import { debounce } from '../../helpers/debounce';
 import itfIcon from '../icon/Icon.vue';
 import itfButton from '../button/Button.vue';
 import itfDatePickerInline from './DatePickerInline.vue';
@@ -177,7 +179,7 @@ class itfDatePicker extends Vue {
       return null;
     }
     if (this.valueFormat === 'ISO') {
-      return DateTime.fromISO(this.value);
+      return DateTime.fromISO(this.value, { zone: 'UTC' });
     }
     return DateTime.fromFormat(this.value, this.valueFormat);
   }

package/src/components/modal/Modal.vue

@@ -5,7 +5,7 @@
       class="modal-dialog"
       :class="{[`modal-${size}`]: size, 'modal-fullscreen': fullscreen, 'modal-fullscreen-sm-down': !fullscreen}"
     >
-      <div class="modal-content itf-append-context" ref="content">
+      <div class="modal-content itf-append-context" ref="content" @click.prevent.stop>
         <div class="modal-header">
           <slot name="title">
             <h5 class="modal-title" :id="modalId">{{title}}</h5>

package/src/components/select/AirSelect.vue

@@ -62,7 +62,7 @@
               fill-rule="evenodd"
             ></path>
           </svg>
-          <div class="font-medium">Add more</div>
+          <div class="font-medium">{{ addMoreText }}</div>
         </div>
       </div>
 
@@ -140,6 +140,8 @@ class itfAirSelect extends Vue {
 
   @Prop({ type: Boolean, default: false }) customRender;
   @Prop({ type: Boolean, default: false }) customRenderOption;
+  // eslint-disable-next-line object-shorthand
+  @Prop({ type: String, default: function() { return this.$t('components.addMore'); } }) addMoreText;
 
   @Ref('selectRef') selectRef;
 

package/src/components/text-field/Textarea.vue

@@ -51,6 +51,8 @@
     white-space: pre-line;
     visibility: hidden;
     min-height: 4rem;
+    max-height: 75vh; // жалувались, що коли багато тексту,
+                      // то поле за межі вікна виходить і не зручно
   }
 }
 </style>

package/src/helpers/validators.js

@@ -142,7 +142,7 @@ export function dateBeforeValidation (dateCompare, message) {
     const d1 = DateTime.fromFormat(v, STANDART_DATE_FORMAT).startOf('day');
     const d2 = DateTime.fromFormat(dateCompare, STANDART_DATE_FORMAT).startOf('day');
 
-    return d1 < d2 || (message || $t('validators.dateBefore', { date: formatDate(dateCompare) }));
+    return d1 < d2 || (message || $t('components.dateBefore', { date: formatDate(dateCompare) }));
   };
 }
 
@@ -154,7 +154,7 @@ export function dateAfterValidation (dateCompare, message) {
     const d1 = DateTime.fromFormat(v, STANDART_DATE_FORMAT).startOf('day');
     const d2 = DateTime.fromFormat(dateCompare, STANDART_DATE_FORMAT).startOf('day');
 
-    return d1 > d2 || (message || $t('validators.dateAfter', { date: formatDate(dateCompare) }));
+    return d1 > d2 || (message || $t('components.dateAfter', { date: formatDate(dateCompare) }));
   };
 }
 
@@ -166,7 +166,7 @@ export function dateSameOrAfterValidation (dateCompare, message) {
     const d1 = DateTime.fromFormat(v, STANDART_DATE_FORMAT).startOf('day');
     const d2 = DateTime.fromFormat(dateCompare, STANDART_DATE_FORMAT).startOf('day');
 
-    return d1 >= d2 || (message || $t('validators.dateSameOrAfter', { date: formatDate(dateCompare) }));
+    return d1 >= d2 || (message || $t('components.dateSameOrAfter', { date: formatDate(dateCompare) }));
   };
 }
 
@@ -178,6 +178,6 @@ export function dateSameOrBeforeValidation (dateCompare, message) {
     const d1 = DateTime.fromFormat(v, STANDART_DATE_FORMAT).startOf('day');
     const d2 = DateTime.fromFormat(dateCompare, STANDART_DATE_FORMAT).startOf('day');
 
-    return d1 <= d2 || (message || $t('validators.dateSameOrBefore', { date: formatDate(dateCompare) }));
+    return d1 <= d2 || (message || $t('components.dateSameOrBefore', { date: formatDate(dateCompare) }));
   };
 }