@itfin/components 1.4.24 → 1.4.27

package/package.json

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

package/src/components/customize/PropertiesList.vue

@@ -15,6 +15,7 @@
           :field="field"
           :editable="editable"
           :lock-fields="lockFields"
+          :full-name="fullName"
           :value="value[field.Id]"
           @input="$emit('input', { ...value, [field.Id]: $event })"
           @delete="onDelete(field)"
@@ -104,6 +105,7 @@ class itfPropertiesList extends Vue {
   @Prop({ type: Boolean, default: false }) loading;
   @Prop({ type: Boolean, default: false }) editable;
   @Prop({ type: Boolean, default: false }) lockFields;
+  @Prop({ type: Boolean, default: false }) fullName;
 
   isShowAll = false;
 

package/src/components/customize/PropertyItem.vue

@@ -12,7 +12,7 @@
           <div class="d-flex align-items-center">
 <!--            <itf-icon :name="field.Icon" :size="16" class="me-1" />-->
 
-            <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" v-text="field.Name" />
+            <div :class="`b-properties-list__title-text-${fullName ? 'full' : 'short'}`" v-text="field.Name" />
           </div>
         </div>
         <properties-edit-menu
@@ -98,7 +98,7 @@
   &__name {
     display: flex;
     align-items: center;
-    height: 34px;
+    min-height: 34px;
     width: 250px;
     flex: 0 0 auto;
   }
@@ -119,6 +119,15 @@
       background-color: rgba(55, 53, 47, 0.08);
     }
   }
+  &__title-text-short {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  &__title-text-full {
+    white-space: normal;
+    word-break: break-word;
+  }
 }
 </style>
 <script>
@@ -154,6 +163,7 @@ class itfPropertyItem extends Vue {
   @Prop({ type: Boolean, default: false }) loading;
   @Prop({ type: Boolean, default: false }) editable;
   @Prop({ type: Boolean, default: false }) lockFields;
+  @Prop({ type: Boolean, default: false }) fullName;
 
   isEditMode = false;
   focusId = null;

package/src/components/filter/FilterPanel.vue

@@ -269,7 +269,7 @@ class FilterPanel extends Vue {
           filterValue.to = payload.to;
         } else {
           filter[item.name] = payload[item.name] ? this.formatValue(item, { value: payload[item.name] }) : { isDefault: true, ...item.options.defaultValue };
-          filterValue[item.name] = payload[item.name];
+          filterValue[item.name] = payload[item.name] ?? filter[item.name].value;
         }
       }
     }