@itfin/components 1.3.82 → 1.3.84

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/assets/scss/components/select/_states.scss +1 -1
  3. package/src/components/datepicker/DateRangePicker.vue +2 -2
  4. package/src/components/table/Table2.vue +4 -7
  5. package/src/components/text-field/HoursField.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.3.82",
3
+ "version": "1.3.84",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/assets/scss/components/select/_states.scss CHANGED
@@ -20,7 +20,7 @@ $disabled-cursor: $vs-state-disabled-cursor;
20
20
  .vs__selected,
21
21
  .vs__open-indicator {
22
22
  cursor: $disabled-cursor;
23
- background-color: transparent;
23
+ //background-color: transparent;
24
24
  }
25
25
  }
26
26
 
package/src/components/datepicker/DateRangePicker.vue CHANGED
@@ -6,12 +6,12 @@
6
6
  </slot>
7
7
  </div>
8
8
  <div class="input-group form-control py-0"
9
- :class="{ 'focused': focused, 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
9
+ :class="{ 'disabled': disabled, 'focused': focused, 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
10
10
  ref="group">
11
11
  <i-mask-component
12
12
  ref="input"
13
13
  class="form-control"
14
- :class="{ 'placeholder-visible': !displayValue || !displayValue[0] }"
14
+ :class="{ 'placeholder-visible': !displayValue || !displayValue[0], 'bg-transparent': disabled }"
15
15
  @input="updateValue($event, 0)"
16
16
  @focus="onFocus"
17
17
  @blur="onBlur($event, 0)"
package/src/components/table/Table2.vue CHANGED
@@ -132,14 +132,11 @@ class itfTable2 extends Vue {
132
132
  }
133
133
  state.selectedIds = [];
134
134
  for (const column of list) {
135
- const stateColumn = state.columns.find(i => i.property === column.property);
136
- if (stateColumn) {
137
- Object.assign(stateColumn, {
138
- ...column,
139
- width: stateColumn.width
140
- });
141
- } else {
135
+ const stateColumnIndex = state.columns.findIndex(i => i.property === column.property);
136
+ if (stateColumnIndex === -1) {
142
137
  state.columns.push(column);
138
+ } else {
139
+ state.columns[stateColumnIndex] = { ...column, width: state.columns[stateColumnIndex].width };
143
140
  }
144
141
  }
145
142
  for (const column of state.columns) {
package/src/components/text-field/HoursField.vue CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <itf-text-field
4
4
  ref="input"
5
- :value="value"
5
+ :value="hoursValue"
6
6
  :prepend-icon="prependIcon"
7
7
  :item-label="itemLabel"
8
8
  :placeholder="placeholder"
@@ -48,7 +48,7 @@ class itfHoursField extends Vue {
48
48
  this.$emit('input', this.hours ? formatHours(this.hours) : '');
49
49
  }
50
50
 
51
- get value() {
51
+ get hoursValue() {
52
52
  return this.hours ? formatHours(this.hours) : '';
53
53
  }
54
54