@itfin/components 1.3.82 → 1.3.84

package/package.json

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

package/src/assets/scss/components/select/_states.scss

@@ -20,7 +20,7 @@ $disabled-cursor: $vs-state-disabled-cursor;
   .vs__selected,
   .vs__open-indicator {
     cursor: $disabled-cursor;
-    background-color: transparent;
+    //background-color: transparent;
   }
 }
 

package/src/components/datepicker/DateRangePicker.vue

@@ -6,12 +6,12 @@
       </slot>
     </div>
     <div class="input-group form-control py-0"
-         :class="{ 'focused': focused, 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
+         :class="{ 'disabled': disabled, 'focused': focused, 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
          ref="group">
       <i-mask-component
         ref="input"
         class="form-control"
-        :class="{ 'placeholder-visible': !displayValue || !displayValue[0] }"
+        :class="{ 'placeholder-visible': !displayValue || !displayValue[0], 'bg-transparent': disabled }"
         @input="updateValue($event, 0)"
         @focus="onFocus"
         @blur="onBlur($event, 0)"

package/src/components/table/Table2.vue

@@ -132,14 +132,11 @@ class itfTable2 extends Vue {
     }
     state.selectedIds = [];
     for (const column of list) {
-      const stateColumn = state.columns.find(i => i.property === column.property);
-      if (stateColumn) {
-        Object.assign(stateColumn, {
-          ...column,
-          width: stateColumn.width
-        });
-      } else {
+      const stateColumnIndex = state.columns.findIndex(i => i.property === column.property);
+      if (stateColumnIndex === -1) {
         state.columns.push(column);
+      } else {
+        state.columns[stateColumnIndex] = { ...column, width: state.columns[stateColumnIndex].width };
       }
     }
     for (const column of state.columns) {

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

@@ -2,7 +2,7 @@
 
   <itf-text-field
     ref="input"
-    :value="value"
+    :value="hoursValue"
     :prepend-icon="prependIcon"
     :item-label="itemLabel"
     :placeholder="placeholder"
@@ -48,7 +48,7 @@ class itfHoursField extends Vue {
     this.$emit('input', this.hours ? formatHours(this.hours) : '');
   }
 
-  get value() {
+  get hoursValue() {
     return this.hours ? formatHours(this.hours) : '';
   }