@itfin/components 1.3.98 → 1.3.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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/table/TableGroup.vue +1 -1
  3. package/src/components/table/TableHeader.vue +5 -7
  4. package/src/components/table/TableRows.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.3.98",
3
+ "version": "1.3.100",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/table/TableGroup.vue CHANGED
@@ -112,7 +112,7 @@
112
112
  :key="n"
113
113
  :data-column="n"
114
114
  class="position-relative line-overflow px-1"
115
- :style="column.grow ? `min-width: ${column.minWidth}px; flex-grow: 1;` : `width: ${column.width}px; max-width: ${column.width}px;`">
115
+ :style="`width: ${column.width}px; max-width: ${column.width}px;`">
116
116
  <itf-dropdown append-to-context text right @open="persistSummary = true" @close="persistSummary = false" autoclose="outside">
117
117
  <template #button>
118
118
  <span data-test="summary-column" class="invisible-summary d-flex align-items-center justify-content-end flex-auto">
package/src/components/table/TableHeader.vue CHANGED
@@ -15,9 +15,9 @@
15
15
  data-test="table-header-column"
16
16
  :data-column="n"
17
17
  :data-id="column.Id"
18
- :class="{'sticky': column.pinned, 'last-sticky-column': n === lastPinnedIndex, 'flex-grow-1': column.grow, [`justify-content-${column.align || 'start'}`]: true}"
18
+ :class="{'sticky': column.pinned, 'last-sticky-column': n === lastPinnedIndex, [`justify-content-${column.align || 'start'}`]: true}"
19
19
  class="table-view-header-value"
20
- :style="column.grow ? `left: ${column.left}px; flex-grow: 1` : `width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`">
20
+ :style="`width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`">
21
21
  <!-- Не треба видаляти колонки, бо вони потрібні для збереження ширини -->
22
22
  <div v-if="visibleHeader" accept-group="tablecolumns"
23
23
  class="table-view-header-space"
@@ -82,7 +82,7 @@
82
82
  v-dropzone="{payload:{ last: true }}">
83
83
  <div class="table-view-header-dropzone"></div>
84
84
  </div>
85
- <div v-if="visibleHeader && columnResizing && !column.grow" ref="resizeHandle" class="resize-handle"></div>
85
+ <div v-if="visibleHeader && columnResizing" ref="resizeHandle" class="resize-handle"></div>
86
86
  </div>
87
87
  </template>
88
88
  <div class="table-view-item-value extra flex-grow-1"></div>
@@ -302,10 +302,8 @@ class itfTableHeader extends Vue {
302
302
  const delta = event.pageX - startX;
303
303
  newWidth = Math.max(columnWidth + delta, 50);
304
304
  columns.forEach((column) => {
305
- if (!this.sortedColumns[index].grow) {
306
- column.style.width = `${newWidth}px`;
307
- column.style['max-width'] = `${newWidth}px`;
308
- }
305
+ column.style['max-width'] = `${newWidth}px`;
306
+ column.style.width = `${newWidth}px`;
309
307
  });
310
308
  };
311
309
  const mouseUpHandler = () => {
package/src/components/table/TableRows.vue CHANGED
@@ -50,8 +50,8 @@
50
50
  <div
51
51
  v-if="column.visible !== false"
52
52
  :data-column="k"
53
- :style="column.grow ? `left: ${column.left}px; flex-grow: 1` : `width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`"
54
- :class="{'justify-content-end': column.align === 'end', 'sticky': column.pinned, 'last-sticky-column': k === lastPinnedIndex, 'flex-grow-1': column.grow, 'px-2': !(column.editable && editable), 'editable': column.editable && editable}"
53
+ :style="`width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`"
54
+ :class="{'justify-content-end': column.align === 'end', 'sticky': column.pinned, 'last-sticky-column': k === lastPinnedIndex, 'px-2': !(column.editable && editable), 'editable': column.editable && editable}"
55
55
  class="table-view-item-value d-flex h-100">
56
56
  <slot :name="`column.${column.property}`" :toggle="() => $emit('toggle', item)" :level="level" :editable="column.editable && editable" :item="item" :column="column" :update="(val) => updateValue(item, val, n, column)" :value="getValue(item, column)">
57
57
  <template v-if="column.editable && editable && (!editableProperty || item[editableProperty])">