@itfin/components 1.3.64 → 1.3.65

package/package.json

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

package/src/components/pagination/Pagination.vue

@@ -2,7 +2,7 @@
 
   <nav aria-label="Page navigation example" class="d-flex justify-content-between align-items-center">
     <div class="d-flex gap-2 align-items-center">
-      <ul class="pagination itf-pagination ps-3 mb-0">
+      <ul class="pagination itf-pagination mb-0">
         <li
           v-for="(page, n) in pagesArr"
           :key="n"

package/src/components/table/TableHeader.vue

@@ -17,7 +17,7 @@
           :data-id="column.Id"
           :class="{'sticky': column.pinned, 'last-sticky-column': n === lastPinnedIndex, 'flex-grow-1': column.grow, [`justify-content-${column.align || 'start'}`]: true}"
           class="table-view-header-value"
-          :style="`width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`">
+          :style="column.grow ? `left: ${column.left}px; flex-grow: 1` : `width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`">
           <!-- Не треба видаляти колонки, бо вони потрібні для збереження ширини -->
           <div v-if="visibleHeader" accept-group="tablecolumns"
                class="table-view-header-space"
@@ -82,7 +82,7 @@
                v-dropzone="{payload:{ last: true }}">
             <div class="table-view-header-dropzone"></div>
           </div>
-          <div v-if="visibleHeader && columnResizing" ref="resizeHandle" class="resize-handle"></div>
+          <div v-if="visibleHeader && columnResizing && !column.grow" ref="resizeHandle" class="resize-handle"></div>
         </div>
       </template>
       <div v-if="showAddColumn" class="table-view-header-value flex-grow-1 justify-content-start">
@@ -203,7 +203,6 @@ class itfTableHeader extends Vue {
     const newValue = [...this.sortedColumns];
     newValue[index].visible = true;
     this.$emit('update:columns', newValue);
-    console.info(this.$refs);
     this.$refs.newDd.hide();
   }
 
@@ -282,8 +281,10 @@ class itfTableHeader extends Vue {
           const delta = event.pageX - startX;
           newWidth = Math.max(columnWidth + delta, 100);
           columns.forEach((column) => {
-            column.style.width = `${newWidth}px`;
-            column.style['max-width'] = `${newWidth}px`;
+            if (!this.sortedColumns[index].grow) {
+              column.style.width = `${newWidth}px`;
+              column.style['max-width'] = `${newWidth}px`;
+            }
           });
         };
         const mouseUpHandler = () => {

package/src/components/table/TableRows.vue

@@ -50,7 +50,7 @@
               <div
                 v-if="column.visible !== false"
                 :data-column="k"
-                :style="`width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`"
+                :style="column.grow ? `left: ${column.left}px; flex-grow: 1` : `width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`"
                 :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}"
                 class="table-view-item-value d-flex h-100">
                 <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)">